From 03d27e28088b03b602837a836adcea5eaa0bc028 Mon Sep 17 00:00:00 2001
From: RiotRobot <releases@riot.im>
Date: Tue, 18 Feb 2025 13:01:30 +0000
Subject: [PATCH 01/14] Upgrade dependency to matrix-js-sdk@37.0.0-rc.0

---
 package.json | 2 +-
 yarn.lock    | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 8558639470..9721776130 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
         "matrix-events-sdk": "0.0.1",
-        "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#develop",
+        "matrix-js-sdk": "37.0.0-rc.0",
         "matrix-widget-api": "^1.10.0",
         "memoize-one": "^6.0.0",
         "mime": "^4.0.4",
diff --git a/yarn.lock b/yarn.lock
index 6c3b510ed3..99302d6163 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8723,9 +8723,10 @@ matrix-events-sdk@0.0.1:
   resolved "https://registry.yarnpkg.com/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz#c8c38911e2cb29023b0bbac8d6f32e0de2c957dd"
   integrity sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==
 
-"matrix-js-sdk@github:matrix-org/matrix-js-sdk#develop":
-  version "36.2.0"
-  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/b584f818f51c899cc81bc83bf1499a2ed374c6c7"
+matrix-js-sdk@37.0.0-rc.0:
+  version "37.0.0-rc.0"
+  resolved "https://registry.yarnpkg.com/matrix-js-sdk/-/matrix-js-sdk-37.0.0-rc.0.tgz#d6a87bda024d2ec9ee782e7d825da1e8e31fc00f"
+  integrity sha512-KcshXXWRIrXx6E7vsm+BvBgcJc8STEgbOcMTu9ZneITDwHrjP13qObdEUXUZv3x8tYxKSWj821aMr+nOH3jL+A==
   dependencies:
     "@babel/runtime" "^7.12.5"
     "@matrix-org/matrix-sdk-crypto-wasm" "^13.0.0"

From 8c4996b437c277216fadb1f8f6a2e3fd4635222b Mon Sep 17 00:00:00 2001
From: RiotRobot <releases@riot.im>
Date: Tue, 18 Feb 2025 13:04:49 +0000
Subject: [PATCH 02/14] v1.11.93-rc.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9721776130..8e70c087eb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "element-web",
-    "version": "1.11.91",
+    "version": "1.11.93-rc.0",
     "description": "Element: the future of secure communication",
     "author": "New Vector Ltd.",
     "repository": {

From 2e883b40ebfae50d0a04a0c6c764f6f28708ac1c Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 25 Feb 2025 09:16:22 +0000
Subject: [PATCH 03/14] Add docker healthcheck (#29351)

* Add docker healthcheck

and test ELEMENT_WEB_PORT envvar

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 .github/workflows/docker.yaml | 27 ++++++++++++++++++++-------
 Dockerfile                    |  2 ++
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
index 56b91c750e..3ebf0b2036 100644
--- a/.github/workflows/docker.yaml
+++ b/.github/workflows/docker.yaml
@@ -17,8 +17,6 @@ jobs:
         permissions:
             id-token: write # needed for signing the images with GitHub OIDC Token
             packages: write # needed for publishing packages to GHCR
-        env:
-            TEST_TAG: vectorim/element-web:test
         steps:
             - uses: actions/checkout@v4
               with:
@@ -52,26 +50,41 @@ jobs:
                   password: ${{ secrets.GITHUB_TOKEN }}
 
             - name: Build and load
+              id: test-build
               uses: docker/build-push-action@ca877d9245402d1537745e0e356eab47c3520991 # v6
               with:
                   context: .
                   load: true
-                  tags: ${{ env.TEST_TAG }}
 
             - name: Test the image
+              env:
+                  IMAGEID: ${{ steps.test-build.outputs.imageid }}
               run: |
+                  set -x
+
                   # Make a fake module to test the image
                   MODULE_PATH="modules/module_name/index.js"
                   mkdir -p $(dirname $MODULE_PATH)
                   echo 'alert("Testing");' > $MODULE_PATH
 
                   # Spin up a container of the image
-                  CONTAINER_ID=$(docker run --rm -dp 80:80 -v $(pwd)/modules:/tmp/element-web-modules ${{ env.TEST_TAG }})
+                  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)/modules:/tmp/element-web-modules \
+                          "$IMAGEID" \
+                  )
 
                   # Run some smoke tests
-                  wget --retry-connrefused --tries=5 -q --wait=3 --spider http://localhost:80/modules/module_name/index.js
-                  MODULE_1=$(curl http://localhost:80/config.json | jq -r .modules[0])
-                  test "$MODULE_1" = "/${MODULE_PATH}"
+                  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" = "/${MODULE_PATH}"
+
+                  # Check healthcheck
+                  test "$(docker inspect -f {{.State.Running}} $CONTAINER_ID)" == "true"
 
                   # Clean up
                   docker stop "$CONTAINER_ID"
diff --git a/Dockerfile b/Dockerfile
index dd8be21932..1103d7336f 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -46,3 +46,5 @@ USER nginx
 
 # HTTP listen port
 ENV ELEMENT_WEB_PORT=80
+
+HEALTHCHECK --start-period=5s CMD wget --retry-connrefused --tries=5 -q --wait=3 --spider http://localhost:$ELEMENT_WEB_PORT/config.json

From 43efd911c70b6f10686546d2ac7db12b40be6e81 Mon Sep 17 00:00:00 2001
From: Florian Duros <florianduros@element.io>
Date: Tue, 25 Feb 2025 12:03:29 +0100
Subject: [PATCH 04/14] New room list: add dial to search section (#29359)

* feat(new room list): add dial to new room list

* test(new room list): test dial button

* test(new room list): update room list test
---
 .../rooms/RoomListView/_RoomListSearch.pcss   |  2 +-
 .../rooms/RoomListView/RoomListSearch.tsx     | 24 +++++-
 .../RoomListView/RoomListSearch-test.tsx      | 28 +++++-
 .../RoomListSearch-test.tsx.snap              | 86 ++++++++++++++++++-
 .../__snapshots__/RoomListView-test.tsx.snap  |  2 +-
 5 files changed, 136 insertions(+), 6 deletions(-)

diff --git a/res/css/views/rooms/RoomListView/_RoomListSearch.pcss b/res/css/views/rooms/RoomListView/_RoomListSearch.pcss
index e6bd492466..f175ab3976 100644
--- a/res/css/views/rooms/RoomListView/_RoomListSearch.pcss
+++ b/res/css/views/rooms/RoomListView/_RoomListSearch.pcss
@@ -31,7 +31,7 @@
         }
     }
 
-    .mx_RoomListSearch_explore:hover {
+    .mx_RoomListSearch_button:hover {
         svg {
             fill: var(--cpd-color-icon-primary);
         }
diff --git a/src/components/views/rooms/RoomListView/RoomListSearch.tsx b/src/components/views/rooms/RoomListView/RoomListSearch.tsx
index 415e817ad9..6809841075 100644
--- a/src/components/views/rooms/RoomListView/RoomListSearch.tsx
+++ b/src/components/views/rooms/RoomListView/RoomListSearch.tsx
@@ -9,6 +9,7 @@ import React, { type JSX } 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 { IS_MAC, Key } from "../../../../Keyboard";
 import { _t } from "../../../../languageHandler";
@@ -20,6 +21,8 @@ import { Action } from "../../../../dispatcher/actions";
 import PosthogTrackers from "../../../../PosthogTrackers";
 import defaultDispatcher from "../../../../dispatcher/dispatcher";
 import { Flex } from "../../../utils/Flex";
+import { useTypedEventEmitterState } from "../../../../hooks/useEventEmitter";
+import LegacyCallHandler, { LegacyCallHandlerEvent } from "../../../../LegacyCallHandler";
 
 type RoomListSearchProps = {
     /**
@@ -35,6 +38,12 @@ type RoomListSearchProps = {
  */
 export function RoomListSearch({ activeSpace }: RoomListSearchProps): JSX.Element {
     const displayExploreButton = activeSpace === MetaSpace.Home && shouldShowComponent(UIComponent.ExploreRooms);
+    // We only display the dial button if the user is can make PSTN calls
+    const displayDialButton = useTypedEventEmitterState(
+        LegacyCallHandler.instance,
+        LegacyCallHandlerEvent.ProtocolSupport,
+        () => LegacyCallHandler.instance.getSupportsPstnProtocol(),
+    );
 
     return (
         <Flex className="mx_RoomListSearch" role="search" gap="var(--cpd-space-2x)" align="center">
@@ -50,9 +59,22 @@ export function RoomListSearch({ activeSpace }: RoomListSearchProps): JSX.Elemen
                     <kbd>{IS_MAC ? "⌘ K" : _t(ALTERNATE_KEY_NAME[Key.CONTROL]) + " K"}</kbd>
                 </Flex>
             </Button>
+            {displayDialButton && (
+                <Button
+                    className="mx_RoomListSearch_button"
+                    kind="secondary"
+                    size="sm"
+                    Icon={DialPadIcon}
+                    iconOnly={true}
+                    aria-label={_t("left_panel|open_dial_pad")}
+                    onClick={(ev) => {
+                        defaultDispatcher.fire(Action.OpenDialPad);
+                    }}
+                />
+            )}
             {displayExploreButton && (
                 <Button
-                    className="mx_RoomListSearch_explore"
+                    className="mx_RoomListSearch_button"
                     kind="secondary"
                     size="sm"
                     Icon={ExploreIcon}
diff --git a/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx b/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx
index 74238ed6c7..ead58cc039 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx
@@ -15,6 +15,7 @@ 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 from "../../../../../../src/LegacyCallHandler";
 
 jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
     shouldShowComponent: jest.fn(),
@@ -28,14 +29,17 @@ describe("<RoomListSearch />", () => {
     beforeEach(() => {
         // By default, we consider shouldShowComponent(UIComponent.ExploreRooms) should return true
         mocked(shouldShowComponent).mockReturnValue(true);
+        jest.spyOn(LegacyCallHandler.instance, "getSupportsPstnProtocol").mockReturnValue(false);
     });
 
-    it("should display all the buttons", () => {
+    it("should display search and explore buttons", () => {
         const { asFragment } = renderComponent();
 
         // The search and explore buttons should be displayed
         expect(screen.getByRole("button", { name: "Search Ctrl K" })).toBeInTheDocument();
         expect(screen.getByRole("button", { name: "Explore rooms" })).toBeInTheDocument();
+        // The dial button should not be displayed
+        expect(screen.queryByRole("button", { name: "Open dial pad" })).not.toBeInTheDocument();
         expect(asFragment()).toMatchSnapshot();
     });
 
@@ -58,6 +62,15 @@ describe("<RoomListSearch />", () => {
         expect(asFragment()).toMatchSnapshot();
     });
 
+    it("should display the dial button when the PTSN protocol is not supported", () => {
+        jest.spyOn(LegacyCallHandler.instance, "getSupportsPstnProtocol").mockReturnValue(true);
+        const { asFragment } = renderComponent();
+
+        // The dial button should be displayed
+        expect(screen.getByRole("button", { name: "Open dial pad" })).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
     it("should open the spotlight when the search button is clicked", async () => {
         const fireSpy = jest.spyOn(defaultDispatcher, "fire");
         const user = userEvent.setup();
@@ -81,4 +94,17 @@ describe("<RoomListSearch />", () => {
         // The spotlight should be opened
         expect(fireSpy).toHaveBeenCalledWith(Action.ViewRoomDirectory);
     });
+
+    it("should open the dial pad when the dial button is clicked", async () => {
+        jest.spyOn(LegacyCallHandler.instance, "getSupportsPstnProtocol").mockReturnValue(true);
+        const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+        const user = userEvent.setup();
+        renderComponent();
+
+        // Click on the search button
+        await user.click(screen.getByRole("button", { name: "Open dial pad" }));
+
+        // The spotlight should be opened
+        expect(fireSpy).toHaveBeenCalledWith(Action.OpenDialPad);
+    });
 });
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap
index 83727f5623..d18c4e2171 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<RoomListSearch /> should display all the buttons 1`] = `
+exports[`<RoomListSearch /> should display search and explore buttons 1`] = `
 <DocumentFragment>
   <div
     class="mx_Flex mx_RoomListSearch"
@@ -38,7 +38,89 @@ exports[`<RoomListSearch /> should display all the buttons 1`] = `
     </button>
     <button
       aria-label="Explore rooms"
-      class="_button_vczzf_8 mx_RoomListSearch_explore _has-icon_vczzf_57 _icon-only_vczzf_50"
+      class="_button_vczzf_8 mx_RoomListSearch_button _has-icon_vczzf_57 _icon-only_vczzf_50"
+      data-kind="secondary"
+      data-size="sm"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="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>
+</DocumentFragment>
+`;
+
+exports[`<RoomListSearch /> should display the dial button when the PTSN protocol is not supported 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Flex mx_RoomListSearch"
+    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);"
+  >
+    <button
+      class="_button_vczzf_8 mx_RoomListSearch_search _has-icon_vczzf_57"
+      data-kind="secondary"
+      data-size="sm"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="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_Flex"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
+      >
+        Search
+        <kbd>
+          Ctrl K
+        </kbd>
+      </span>
+    </button>
+    <button
+      aria-label="Open dial pad"
+      class="_button_vczzf_8 mx_RoomListSearch_button _has-icon_vczzf_57 _icon-only_vczzf_50"
+      data-kind="secondary"
+      data-size="sm"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="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_vczzf_8 mx_RoomListSearch_button _has-icon_vczzf_57 _icon-only_vczzf_50"
       data-kind="secondary"
       data-size="sm"
       role="button"
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
index 669dffd48a..79bf67b0aa 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
@@ -62,7 +62,7 @@ exports[`<RoomListView /> should render the RoomListSearch component when UIComp
       </button>
       <button
         aria-label="Explore rooms"
-        class="_button_vczzf_8 mx_RoomListSearch_explore _has-icon_vczzf_57 _icon-only_vczzf_50"
+        class="_button_vczzf_8 mx_RoomListSearch_button _has-icon_vczzf_57 _icon-only_vczzf_50"
         data-kind="secondary"
         data-size="sm"
         role="button"

From 05b8fff58a5c2d05c78f8ac2e01f27719d825bd7 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 25 Feb 2025 11:57:57 +0000
Subject: [PATCH 05/14] Dynamically load Element Web modules in Docker
 entrypoint (#29346) (#29358)

* Dynamically load Element Web modules in Docker entrypoint



* Iterate



* Drop environment for PR runs



* Iterate



---------



(cherry picked from commit 8ef84349b5b74d4c2b9edceee376e6a1df56ec92)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 .github/workflows/docker.yaml                 | 37 ++++++++++++++++++-
 Dockerfile                                    |  8 +++-
 .../18-load-element-modules.sh                | 34 +++++++++++++++++
 docker/nginx-templates/default.conf.template  |  4 ++
 docs/install.md                               | 12 ++++++
 5 files changed, 93 insertions(+), 2 deletions(-)
 create mode 100755 docker/docker-entrypoint.d/18-load-element-modules.sh

diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
index d358de6e98..cb8b2b971e 100644
--- a/.github/workflows/docker.yaml
+++ b/.github/workflows/docker.yaml
@@ -3,6 +3,7 @@ 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 * * *"
@@ -12,10 +13,12 @@ jobs:
     buildx:
         name: Docker Buildx
         runs-on: ubuntu-24.04
-        environment: dockerhub
+        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: vectorim/element-web:test
         steps:
             - uses: actions/checkout@v4
               with:
@@ -23,6 +26,7 @@ jobs:
 
             - name: Install Cosign
               uses: sigstore/cosign-installer@dc72c7d5c4d10cd6bcb8cf6e3fd625a9e5e537da # v3
+              if: github.event_name != 'pull_request'
 
             - name: Set up QEMU
               uses: docker/setup-qemu-action@53851d14592bedcffcf25ea515637cff71ef929a # v3
@@ -34,20 +38,48 @@ jobs:
 
             - name: Login to Docker Hub
               uses: docker/login-action@9780b0c442fbb1117ed29e0efdff1e18412f7567 # v3
+              if: github.event_name != 'pull_request'
               with:
                   username: ${{ secrets.DOCKERHUB_USERNAME }}
                   password: ${{ secrets.DOCKERHUB_TOKEN }}
 
             - name: Login to GitHub Container Registry
               uses: docker/login-action@9780b0c442fbb1117ed29e0efdff1e18412f7567 # v3
+              if: github.event_name != 'pull_request'
               with:
                   registry: ghcr.io
                   username: ${{ github.repository_owner }}
                   password: ${{ secrets.GITHUB_TOKEN }}
 
+            - name: Build and load
+              uses: docker/build-push-action@ca877d9245402d1537745e0e356eab47c3520991 # v6
+              with:
+                  context: .
+                  load: true
+                  tags: ${{ env.TEST_TAG }}
+
+            - name: Test the image
+              run: |
+                  # Make a fake module to test the image
+                  MODULE_PATH="modules/module_name/index.js"
+                  mkdir -p $(dirname $MODULE_PATH)
+                  echo 'alert("Testing");' > $MODULE_PATH
+
+                  # Spin up a container of the image
+                  CONTAINER_ID=$(docker run --rm -dp 80:80 -v $(pwd)/modules:/tmp/element-web-modules ${{ env.TEST_TAG }})
+
+                  # Run some smoke tests
+                  wget --retry-connrefused --tries=5 -q --wait=3 --spider http://localhost:80/modules/module_name/index.js
+                  MODULE_1=$(curl http://localhost:80/config.json | jq -r .modules[0])
+                  test "$MODULE_1" = "/${MODULE_PATH}"
+
+                  # Clean up
+                  docker stop "$CONTAINER_ID"
+
             - name: Docker meta
               id: meta
               uses: docker/metadata-action@369eb591f429131d6889c46b94e711f089e6ca96 # v5
+              if: github.event_name != 'pull_request'
               with:
                   images: |
                       vectorim/element-web
@@ -61,6 +93,7 @@ jobs:
             - name: Build and push
               id: build-and-push
               uses: docker/build-push-action@ca877d9245402d1537745e0e356eab47c3520991 # v6
+              if: github.event_name != 'pull_request'
               with:
                   context: .
                   push: true
@@ -72,6 +105,7 @@ jobs:
               env:
                   DIGEST: ${{ steps.build-and-push.outputs.digest }}
                   TAGS: ${{ steps.meta.outputs.tags }}
+              if: github.event_name != 'pull_request'
               run: |
                   images=""
                   for tag in ${TAGS}; do
@@ -81,6 +115,7 @@ jobs:
 
             - name: Update repo description
               uses: peter-evans/dockerhub-description@e98e4d1628a5f3be2be7c231e50981aee98723ae # v4
+              if: github.event_name != 'pull_request'
               continue-on-error: true
               with:
                   username: ${{ secrets.DOCKERHUB_USERNAME }}
diff --git a/Dockerfile b/Dockerfile
index 93d7c676d9..dd8be21932 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,3 +1,5 @@
+# syntax=docker.io/docker/dockerfile:1.7-labs
+
 # Builder
 FROM --platform=$BUILDPLATFORM node:22-bullseye AS builder
 
@@ -8,7 +10,7 @@ ARG JS_SDK_BRANCH="master"
 
 WORKDIR /src
 
-COPY . /src
+COPY --exclude=docker . /src
 RUN /src/scripts/docker-link-repos.sh
 RUN yarn --network-timeout=200000 install
 RUN /src/scripts/docker-package.sh
@@ -19,11 +21,15 @@ RUN cp /src/config.sample.json /src/webapp/config.json
 # App
 FROM nginx:alpine-slim
 
+# Install jq and moreutils for sponge, both used by our entrypoints
+RUN apk add jq moreutils
+
 COPY --from=builder /src/webapp /app
 
 # Override default nginx config. Templates in `/etc/nginx/templates` are passed
 # through `envsubst` by the nginx docker image entry point.
 COPY /docker/nginx-templates/* /etc/nginx/templates/
+COPY /docker/docker-entrypoint.d/* /docker-entrypoint.d/
 
 # Tell nginx to put its pidfile elsewhere, so it can run as non-root
 RUN sed -i -e 's,/var/run/nginx.pid,/tmp/nginx.pid,' /etc/nginx/nginx.conf
diff --git a/docker/docker-entrypoint.d/18-load-element-modules.sh b/docker/docker-entrypoint.d/18-load-element-modules.sh
new file mode 100755
index 0000000000..15c0cb6086
--- /dev/null
+++ b/docker/docker-entrypoint.d/18-load-element-modules.sh
@@ -0,0 +1,34 @@
+#!/bin/sh
+
+# Loads modules from `/tmp/element-web-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 /tmp/element-web-config
+cp /app/config*.json /tmp/element-web-config/
+
+# If there are modules to be loaded
+if [ -d "/tmp/element-web-modules" ]; then
+    cd /tmp/element-web-modules
+
+    for MODULE in *
+    do
+        # If the module has a package.json, use its main field as the entrypoint
+        ENTRYPOINT="index.js"
+        if [ -f "/tmp/element-web-modules/$MODULE/package.json" ]; then
+            ENTRYPOINT=$(jq -r '.main' "/tmp/element-web-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/docker/nginx-templates/default.conf.template b/docker/nginx-templates/default.conf.template
index 06f33e08dd..53870038b6 100644
--- a/docker/nginx-templates/default.conf.template
+++ b/docker/nginx-templates/default.conf.template
@@ -18,8 +18,12 @@ server {
     }
     # 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 /tmp/element-web-modules;
+    }
     # redirect server error pages to the static page /50x.html
     #
     error_page   500 502 503 504  /50x.html;
diff --git a/docs/install.md b/docs/install.md
index f6bd98611c..743ae0a93a 100644
--- a/docs/install.md
+++ b/docs/install.md
@@ -66,6 +66,18 @@ 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-modules/tree/main/packages/element-web-module-api) can be dynamically loaded
+by being made available (e.g. via bind mount) in a directory within `/tmp/element-web-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/element-web-config/
+- /etc/nginx/conf.d/
+
 The behaviour of the docker image can be customised via the following
 environment variables:
 

From 3cc1ccd029097b020006be70b429a2dea4e9fe78 Mon Sep 17 00:00:00 2001
From: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Date: Tue, 25 Feb 2025 12:13:42 +0000
Subject: [PATCH 06/14] Dismiss "Key storage out of sync" toast when secrets
 received (#29348)

* DeviceListener: improve logging

use a LogSpan to tie together logs from the same run, and add some more logs
for various cases

* Regression playwright test

* Remove unused mocking of `getCrossSigningId`

DeviceListener no longer reads this thing

* Clean up unit tests

Remove redundant describe block

* Remove the "out of sync" toast when we are no longer out of sync

Receiving the crypto secrets via secret sharing should make the toast go away.
---
 .../e2e/crypto/device-verification.spec.ts    | 46 ++++++++++
 src/DeviceListener.ts                         | 52 ++++++++---
 test/unit-tests/DeviceListener-test.ts        | 89 +++++++++++++++----
 3 files changed, 158 insertions(+), 29 deletions(-)

diff --git a/playwright/e2e/crypto/device-verification.spec.ts b/playwright/e2e/crypto/device-verification.spec.ts
index ee710d1cfb..9be79452c4 100644
--- a/playwright/e2e/crypto/device-verification.spec.ts
+++ b/playwright/e2e/crypto/device-verification.spec.ts
@@ -21,6 +21,7 @@ import {
     waitForVerificationRequest,
 } from "./utils";
 import { type Bot } from "../../pages/bot";
+import { Toasts } from "../../pages/toasts.ts";
 
 test.describe("Device verification", { tag: "@no-webkit" }, () => {
     let aliceBotClient: Bot;
@@ -72,6 +73,51 @@ test.describe("Device verification", { tag: "@no-webkit" }, () => {
         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)
+        const toasts = new Toasts(page);
+        await toasts.rejectToast("Notifications");
+        await toasts.assertNoToasts();
+    });
+
     test("Verify device with QR code during login", 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);
diff --git a/src/DeviceListener.ts b/src/DeviceListener.ts
index 5445082e25..cf46be41fa 100644
--- a/src/DeviceListener.ts
+++ b/src/DeviceListener.ts
@@ -15,9 +15,10 @@ import {
     type SyncState,
     ClientStoppedError,
 } from "matrix-js-sdk/src/matrix";
-import { logger as baseLogger } from "matrix-js-sdk/src/logger";
+import { logger as baseLogger, LogSpan } from "matrix-js-sdk/src/logger";
 import { CryptoEvent, type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
 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";
@@ -96,6 +97,7 @@ export default class DeviceListener {
         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);
         this.shouldRecordClientInformation = SettingsStore.getValue("deviceClientInformationOptIn");
         // only configurable in config, so we don't need to watch the value
         this.enableBulkUnverifiedSessionsReminder = SettingsStore.getValue(UIFeature.BulkUnverifiedSessionsReminder);
@@ -118,6 +120,7 @@ export default class DeviceListener {
             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);
         }
         SettingsStore.unwatchSetting(this.deviceClientInformationSettingWatcherRef);
         dis.unregister(this.dispatcherRef);
@@ -225,6 +228,11 @@ export default class DeviceListener {
         this.updateClientInformation();
     };
 
+    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.recheck();
+    };
+
     /**
      * Fetch the key backup information from the server.
      *
@@ -273,18 +281,29 @@ export default class DeviceListener {
 
     private async doRecheck(): Promise<void> {
         if (!this.running || !this.client) return; // we have been stopped
+        const logSpan = new LogSpan(logger, "check_" + secureRandomString(4));
+
         const cli = this.client;
 
         // cross-signing support was added to Matrix in MSC1756, which landed in spec v1.1
-        if (!(await cli.isVersionSupported("v1.1"))) return;
+        if (!(await cli.isVersionSupported("v1.1"))) {
+            logSpan.debug("cross-signing not supported");
+            return;
+        }
 
         const crypto = cli.getCrypto();
-        if (!crypto) return;
+        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()) return;
+        if (!cli.isInitialSyncComplete()) {
+            logSpan.debug("initial sync not yet complete");
+            return;
+        }
 
         const crossSigningReady = await crypto.isCrossSigningReady();
         const secretStorageReady = await crypto.isSecretStorageReady();
@@ -306,6 +325,7 @@ export default class DeviceListener {
         await this.reportCryptoSessionStateToAnalytics(cli);
 
         if (this.dismissedThisDeviceToast || allSystemsReady) {
+            logSpan.info("No toast needed");
             hideSetupEncryptionToast();
 
             this.checkKeyBackupStatus();
@@ -316,27 +336,33 @@ export default class DeviceListener {
             if (!crossSigningReady) {
                 // This account is legacy and doesn't have cross-signing set up at all.
                 // Prompt the user to set it up.
-                logger.info("Cross-signing not ready: showing SET_UP_ENCRYPTION toast");
+                logSpan.info("Cross-signing not ready: showing SET_UP_ENCRYPTION toast");
                 showSetupEncryptionToast(SetupKind.SET_UP_ENCRYPTION);
             } else if (!isCurrentDeviceTrusted) {
                 // cross signing is ready but the current device is not trusted: prompt the user to verify
-                logger.info("Current device not verified: showing VERIFY_THIS_SESSION toast");
+                logSpan.info("Current device not verified: showing VERIFY_THIS_SESSION toast");
                 showSetupEncryptionToast(SetupKind.VERIFY_THIS_SESSION);
             } else if (!allCrossSigningSecretsCached) {
                 // cross signing ready & device trusted, but we are missing secrets from our local cache.
                 // prompt the user to enter their recovery key.
-                logger.info("Some secrets not cached: showing KEY_STORAGE_OUT_OF_SYNC toast");
+                logSpan.info(
+                    "Some secrets not cached: showing KEY_STORAGE_OUT_OF_SYNC toast",
+                    crossSigningStatus.privateKeysCachedLocally,
+                );
                 showSetupEncryptionToast(SetupKind.KEY_STORAGE_OUT_OF_SYNC);
             } else if (defaultKeyId === null) {
                 // the user just hasn't set up 4S yet: prompt them to do so (unless they've explicitly said no to key storage)
                 const disabledEvent = cli.getAccountData(BACKUP_DISABLED_ACCOUNT_DATA_KEY);
                 if (!disabledEvent?.getContent().disabled) {
+                    logSpan.info("No default 4S key: showing SET_UP_RECOVERY toast");
                     showSetupEncryptionToast(SetupKind.SET_UP_RECOVERY);
+                } else {
+                    logSpan.info("No default 4S key but backup disabled: no toast needed");
                 }
             } else {
                 // some other condition... yikes! Show the 'set up encryption' toast: this is what we previously did
                 // in 'other' situations. Possibly we should consider prompting for a full reset in this case?
-                logger.warn("Couldn't match encryption state to a known case: showing 'setup encryption' prompt", {
+                logSpan.warn("Couldn't match encryption state to a known case: showing 'setup encryption' prompt", {
                     crossSigningReady,
                     secretStorageReady,
                     allCrossSigningSecretsCached,
@@ -345,6 +371,8 @@ export default class DeviceListener {
                 });
                 showSetupEncryptionToast(SetupKind.SET_UP_ENCRYPTION);
             }
+        } else {
+            logSpan.info("Not yet ready, but shouldShowSetupEncryptionToast==false");
         }
 
         // This needs to be done after awaiting on getUserDeviceInfo() above, so
@@ -377,9 +405,9 @@ export default class DeviceListener {
             }
         }
 
-        logger.debug("Old unverified sessions: " + Array.from(oldUnverifiedDeviceIds).join(","));
-        logger.debug("New unverified sessions: " + Array.from(newUnverifiedDeviceIds).join(","));
-        logger.debug("Currently showing toasts for: " + Array.from(this.displayingToastsForDeviceIds).join(","));
+        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();
 
@@ -404,7 +432,7 @@ export default class DeviceListener {
         // ...and hide any we don't need any more
         for (const deviceId of this.displayingToastsForDeviceIds) {
             if (!newUnverifiedDeviceIds.has(deviceId)) {
-                logger.debug("Hiding unverified session toast for " + deviceId);
+                logSpan.debug("Hiding unverified session toast for " + deviceId);
                 hideUnverifiedSessionsToast(deviceId);
             }
         }
diff --git a/test/unit-tests/DeviceListener-test.ts b/test/unit-tests/DeviceListener-test.ts
index 01baeff323..f58eccf586 100644
--- a/test/unit-tests/DeviceListener-test.ts
+++ b/test/unit-tests/DeviceListener-test.ts
@@ -7,7 +7,14 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { type Mocked, mocked } from "jest-mock";
-import { MatrixEvent, type Room, type MatrixClient, Device, ClientStoppedError } from "matrix-js-sdk/src/matrix";
+import {
+    MatrixEvent,
+    type Room,
+    type MatrixClient,
+    Device,
+    ClientStoppedError,
+    ClientEvent,
+} from "matrix-js-sdk/src/matrix";
 import {
     CryptoEvent,
     type CrossSigningStatus,
@@ -81,7 +88,6 @@ describe("DeviceListener", () => {
             getDeviceVerificationStatus: jest.fn().mockResolvedValue({
                 crossSigningVerified: false,
             }),
-            getCrossSigningKeyId: jest.fn(),
             getUserDeviceInfo: jest.fn().mockResolvedValue(new Map()),
             isCrossSigningReady: jest.fn().mockResolvedValue(true),
             isSecretStorageReady: jest.fn().mockResolvedValue(true),
@@ -328,26 +334,21 @@ describe("DeviceListener", () => {
                 expect(SetupEncryptionToast.showToast).not.toHaveBeenCalled();
             });
 
-            describe("when user does not have a cross signing id on this device", () => {
-                beforeEach(() => {
-                    mockCrypto!.getCrossSigningKeyId.mockResolvedValue(null);
-                });
+            it("shows verify session toast when account has cross signing", async () => {
+                mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
+                await createAndStart();
 
-                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(
-                        SetupEncryptionToast.Kind.VERIFY_THIS_SESSION,
-                    );
-                });
+                expect(mockCrypto!.getUserDeviceInfo).toHaveBeenCalled();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith(
+                    SetupEncryptionToast.Kind.VERIFY_THIS_SESSION,
+                );
             });
 
-            describe("when user does have a cross signing id on this device", () => {
+            describe("when current device is verified", () => {
                 beforeEach(() => {
                     mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
-                    mockCrypto!.getCrossSigningKeyId.mockResolvedValue("abc");
+
+                    // current device is verified
                     mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
                         new DeviceVerificationStatus({
                             trustCrossSignedDevices: true,
@@ -356,6 +357,60 @@ describe("DeviceListener", () => {
                     );
                 });
 
+                it("shows an out-of-sync toast when one of the secrets is missing", async () => {
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: false,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith(
+                        SetupEncryptionToast.Kind.KEY_STORAGE_OUT_OF_SYNC,
+                    );
+                });
+
+                it("hides the out-of-sync toast when one of the secrets is missing", async () => {
+                    mockCrypto!.isSecretStorageReady.mockResolvedValue(true);
+
+                    // First show the toast
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: false,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith(
+                        SetupEncryptionToast.Kind.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);

From 0b624bf6456b768c359ea83bb01960859bcda9cc Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 25 Feb 2025 13:20:03 +0000
Subject: [PATCH 07/14] Update release.yml permissions

---
 .github/workflows/release.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 22739da21f..78383e8bf5 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -19,6 +19,7 @@ jobs:
             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 }}

From fe353542cbadc0d8dbb492eafa7c4dd832f5f58f Mon Sep 17 00:00:00 2001
From: R Midhun Suresh <hi@midhun.dev>
Date: Tue, 25 Feb 2025 18:42:37 +0530
Subject: [PATCH 08/14] Room List - Store sorted rooms in skip list (#29345)

* Implement a skip list for storing rooms

This data structure stores rooms in a given sorted order and allows for
very fast insertions and deletions.

* Export function to get last timestamp of room

* Write tests for the skip list

* Implement enough of the new store to get a list of rooms

* Make it possible to swap sorting algorithm

* Fix comment

* Don't attach to window object

We don't want the store to be created if the labs flag is off

* Remove the store class

Probably best to include this PR with the minimal vm implmentation
---
 src/stores/room-list-v3/skip-list/Level.ts    | 114 +++++++++++
 src/stores/room-list-v3/skip-list/RoomNode.ts |  29 +++
 .../room-list-v3/skip-list/RoomSkipList.ts    | 181 ++++++++++++++++++
 .../skip-list/sorters/AlphabeticSorter.ts     |  23 +++
 .../skip-list/sorters/RecencySorter.ts        |  33 ++++
 .../room-list-v3/skip-list/sorters/index.ts   |  13 ++
 src/stores/room-list-v3/skip-list/utils.ts    |  10 +
 .../algorithms/tag-sorting/RecentAlgorithm.ts |   2 +-
 .../skip-list/RoomSkipList-test.ts            | 140 ++++++++++++++
 9 files changed, 544 insertions(+), 1 deletion(-)
 create mode 100644 src/stores/room-list-v3/skip-list/Level.ts
 create mode 100644 src/stores/room-list-v3/skip-list/RoomNode.ts
 create mode 100644 src/stores/room-list-v3/skip-list/RoomSkipList.ts
 create mode 100644 src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts
 create mode 100644 src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
 create mode 100644 src/stores/room-list-v3/skip-list/sorters/index.ts
 create mode 100644 src/stores/room-list-v3/skip-list/utils.ts
 create mode 100644 test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts

diff --git a/src/stores/room-list-v3/skip-list/Level.ts b/src/stores/room-list-v3/skip-list/Level.ts
new file mode 100644
index 0000000000..16f42634b7
--- /dev/null
+++ b/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/src/stores/room-list-v3/skip-list/RoomNode.ts b/src/stores/room-list-v3/skip-list/RoomNode.ts
new file mode 100644
index 0000000000..cbc2a3346f
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/RoomNode.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 { Room } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Room skip list stores room nodes.
+ * These hold the actual room object and provides references to other nodes
+ * in different levels.
+ */
+export class RoomNode {
+    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[] = [];
+}
diff --git a/src/stores/room-list-v3/skip-list/RoomSkipList.ts b/src/stores/room-list-v3/skip-list/RoomSkipList.ts
new file mode 100644
index 0000000000..260786594f
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/RoomSkipList.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 type { Room } from "matrix-js-sdk/src/matrix";
+import type { Sorter } from "./sorters";
+import { RoomNode } from "./RoomNode";
+import { shouldPromote } from "./utils";
+import { Level } from "./Level";
+
+/**
+ * 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 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) {
+            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);
+        this.initialized = true;
+    }
+
+    /**
+     * 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);
+    }
+
+    /**
+     * 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);
+            }
+        }
+    }
+
+    /**
+     * Adds a given room to the correct sorted position in the list.
+     * If the room is already present in the list, it is first removed.
+     */
+    public addRoom(room: Room): void {
+        /**
+         * Remove this room from the skip list if necessary.
+         */
+        this.removeRoom(room);
+
+        const newNode = new RoomNode(room);
+        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!);
+    }
+
+    /**
+     * The number of rooms currently in the skip list.
+     */
+    public get size(): number {
+        return this.levels[0].size;
+    }
+}
+
+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,
+        };
+    }
+}
diff --git a/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts b/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts
new file mode 100644
index 0000000000..5c279efb08
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.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 type { Room } from "matrix-js-sdk/src/matrix";
+import type { Sorter } 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);
+    }
+}
diff --git a/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts b/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
new file mode 100644
index 0000000000..7e8b3bd8c7
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/RecencySorter.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";
+import type { Sorter } from ".";
+import { getLastTs } from "../../../room-list/algorithms/tag-sorting/RecentAlgorithm";
+
+export class RecencySorter implements Sorter {
+    public constructor(private myUserId: string) {}
+
+    public sort(rooms: Room[]): Room[] {
+        const tsCache: { [roomId: string]: number } = {};
+        return [...rooms].sort((a, b) => this.comparator(a, b, tsCache));
+    }
+
+    public comparator(roomA: Room, roomB: Room, cache?: any): number {
+        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] ?? getLastTs(room, this.myUserId);
+        if (cache) {
+            cache[room.roomId] = ts;
+        }
+        return ts;
+    }
+}
diff --git a/src/stores/room-list-v3/skip-list/sorters/index.ts b/src/stores/room-list-v3/skip-list/sorters/index.ts
new file mode 100644
index 0000000000..c71553665e
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/index.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 { Room } from "matrix-js-sdk/src/matrix";
+
+export interface Sorter {
+    sort(rooms: Room[]): Room[];
+    comparator(roomA: Room, roomB: Room): number;
+}
diff --git a/src/stores/room-list-v3/skip-list/utils.ts b/src/stores/room-list-v3/skip-list/utils.ts
new file mode 100644
index 0000000000..4c0bac4af6
--- /dev/null
+++ b/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/src/stores/room-list/algorithms/tag-sorting/RecentAlgorithm.ts b/src/stores/room-list/algorithms/tag-sorting/RecentAlgorithm.ts
index 78afecc0e6..e84f538993 100644
--- a/src/stores/room-list/algorithms/tag-sorting/RecentAlgorithm.ts
+++ b/src/stores/room-list/algorithms/tag-sorting/RecentAlgorithm.ts
@@ -62,7 +62,7 @@ export const sortRooms = (rooms: Room[]): Room[] => {
     });
 };
 
-const getLastTs = (r: Room, userId: string): number => {
+export const getLastTs = (r: Room, userId: string): number => {
     const mainTimelineLastTs = ((): number => {
         // Apparently we can have rooms without timelines, at least under testing
         // environments. Just return MAX_INT when this happens.
diff --git a/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts b/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
new file mode 100644
index 0000000000..3172307a81
--- /dev/null
+++ b/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
@@ -0,0 +1,140 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-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 { MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import type { Sorter } from "../../../../../src/stores/room-list-v3/skip-list/sorters";
+import { mkMessage, mkStubRoom, 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";
+
+describe("RoomSkipList", () => {
+    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 });
+            room.timeline.push(event);
+            rooms.push(room);
+        }
+        return rooms;
+    }
+
+    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 };
+    }
+
+    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.addRoom(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,
+            });
+            room.timeline.push(event);
+            skipList.addRoom(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("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.addRoom(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);
+        });
+    });
+});

From cf5ffacff2e34527fad4c582e18b437a811e8cfc Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 25 Feb 2025 13:17:51 +0000
Subject: [PATCH 09/14] Upgrade dependency to matrix-js-sdk@37.0.0

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 8e70c087eb..b39976aa00 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
         "matrix-events-sdk": "0.0.1",
-        "matrix-js-sdk": "37.0.0-rc.0",
+        "matrix-js-sdk": "37.0.0",
         "matrix-widget-api": "^1.10.0",
         "memoize-one": "^6.0.0",
         "mime": "^4.0.4",
diff --git a/yarn.lock b/yarn.lock
index 99302d6163..65a866314c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3531,7 +3531,7 @@
   resolved "https://registry.yarnpkg.com/@vector-im/matrix-wysiwyg/-/matrix-wysiwyg-2.38.0.tgz#af862ffd231dc0a6b8d6f2cb3601e68456c0ff24"
   integrity sha512-cMEVicFYVzFxuSyWON0aVGjAJMcgJZ+LxuLTEp8EGuu8cRacuh0RN5rapb11YVZygzFvE7X1cMedJ/fKd5vRLA==
   dependencies:
-    "@vector-im/matrix-wysiwyg-wasm" "link:../../../.cache/yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm"
+    "@vector-im/matrix-wysiwyg-wasm" "link:../../Library/Caches/Yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm"
 
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
   version "1.14.1"
@@ -8723,10 +8723,10 @@ matrix-events-sdk@0.0.1:
   resolved "https://registry.yarnpkg.com/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz#c8c38911e2cb29023b0bbac8d6f32e0de2c957dd"
   integrity sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==
 
-matrix-js-sdk@37.0.0-rc.0:
-  version "37.0.0-rc.0"
-  resolved "https://registry.yarnpkg.com/matrix-js-sdk/-/matrix-js-sdk-37.0.0-rc.0.tgz#d6a87bda024d2ec9ee782e7d825da1e8e31fc00f"
-  integrity sha512-KcshXXWRIrXx6E7vsm+BvBgcJc8STEgbOcMTu9ZneITDwHrjP13qObdEUXUZv3x8tYxKSWj821aMr+nOH3jL+A==
+matrix-js-sdk@37.0.0:
+  version "37.0.0"
+  resolved "https://registry.yarnpkg.com/matrix-js-sdk/-/matrix-js-sdk-37.0.0.tgz#331e406f32383b66ce423d07ca891cca6837f08c"
+  integrity sha512-iyXa4QjqDb3YM8nEGCENkeEJPGC3gK/vCVYmUYcFg1M0a7vWhckJCKYfYO9qglblJ+tn+n1cP5QXb1WQAS4a0A==
   dependencies:
     "@babel/runtime" "^7.12.5"
     "@matrix-org/matrix-sdk-crypto-wasm" "^13.0.0"

From 230e26e1ab4b71440eaf94bde3d4d34e38491681 Mon Sep 17 00:00:00 2001
From: RiotRobot <releases@riot.im>
Date: Tue, 25 Feb 2025 13:27:04 +0000
Subject: [PATCH 10/14] v1.11.93

---
 CHANGELOG.md | 30 ++++++++++++++++++++++++++++++
 package.json |  2 +-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2de3ce4d9d..324c7f7ad8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,33 @@
+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
diff --git a/package.json b/package.json
index b39976aa00..c47ea4f5d0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "element-web",
-    "version": "1.11.93-rc.0",
+    "version": "1.11.93",
     "description": "Element: the future of secure communication",
     "author": "New Vector Ltd.",
     "repository": {

From db45a17d43c971e6e58f83356436fcfca94dec2d Mon Sep 17 00:00:00 2001
From: RiotRobot <releases@riot.im>
Date: Tue, 25 Feb 2025 13:46:58 +0000
Subject: [PATCH 11/14] Reset matrix-js-sdk back to develop branch

---
 package.json |  2 +-
 yarn.lock    | 19 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 197fe30486..262764ec41 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
         "matrix-events-sdk": "0.0.1",
-        "matrix-js-sdk": "37.0.0",
+        "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#develop",
         "matrix-widget-api": "^1.10.0",
         "memoize-one": "^6.0.0",
         "mime": "^4.0.4",
diff --git a/yarn.lock b/yarn.lock
index 3a5d80a922..f226827c41 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2048,10 +2048,10 @@
     emojibase "^15.3.1"
     emojibase-data "^15.3.1"
 
-"@matrix-org/matrix-sdk-crypto-wasm@^13.0.0":
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-13.0.0.tgz#658bed951e4c8a06a6dd545575a79cf32022d4ba"
-  integrity sha512-2gtpjnxL42sdJAgkwitpMMI4cw7Gcjf5sW0MXoe+OAlXPlxIzyM+06F5JJ8ENvBeHkuV2RqtFIRrh8i90HLsMw==
+"@matrix-org/matrix-sdk-crypto-wasm@^14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-14.0.1.tgz#e258ef84bcc7889f0e7eb3a7dbecf0830a6dd606"
+  integrity sha512-CgLpHs6nTw5pjSsMBi9xbQnBXf2l8YhImQP9cv8nbGSCYdYjFI0FilMXffzjWV5HThpNHri/3pF20ahZtuS3VA==
 
 "@matrix-org/olm@3.2.15":
   version "3.2.15"
@@ -3529,7 +3529,7 @@
     classnames "^2.5.1"
     vaul "^1.0.0"
 
-"@vector-im/matrix-wysiwyg-wasm@link:../../../.cache/yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm":
+"@vector-im/matrix-wysiwyg-wasm@link:../../Library/Caches/Yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm":
   version "0.0.0"
   uid ""
 
@@ -3538,7 +3538,7 @@
   resolved "https://registry.yarnpkg.com/@vector-im/matrix-wysiwyg/-/matrix-wysiwyg-2.38.0.tgz#af862ffd231dc0a6b8d6f2cb3601e68456c0ff24"
   integrity sha512-cMEVicFYVzFxuSyWON0aVGjAJMcgJZ+LxuLTEp8EGuu8cRacuh0RN5rapb11YVZygzFvE7X1cMedJ/fKd5vRLA==
   dependencies:
-    "@vector-im/matrix-wysiwyg-wasm" "link:../../Library/Caches/Yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm"
+    "@vector-im/matrix-wysiwyg-wasm" "link:../../../.cache/yarn/v6/npm-@vector-im-matrix-wysiwyg-2.38.0-af862ffd231dc0a6b8d6f2cb3601e68456c0ff24-integrity/node_modules/bindings/wysiwyg-wasm"
 
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
   version "1.14.1"
@@ -8735,13 +8735,12 @@ matrix-events-sdk@0.0.1:
   resolved "https://registry.yarnpkg.com/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz#c8c38911e2cb29023b0bbac8d6f32e0de2c957dd"
   integrity sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==
 
-matrix-js-sdk@37.0.0:
+"matrix-js-sdk@github:matrix-org/matrix-js-sdk#develop":
   version "37.0.0"
-  resolved "https://registry.yarnpkg.com/matrix-js-sdk/-/matrix-js-sdk-37.0.0.tgz#331e406f32383b66ce423d07ca891cca6837f08c"
-  integrity sha512-iyXa4QjqDb3YM8nEGCENkeEJPGC3gK/vCVYmUYcFg1M0a7vWhckJCKYfYO9qglblJ+tn+n1cP5QXb1WQAS4a0A==
+  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/d81929de4c9526e7d68ab7226804726cdef6387f"
   dependencies:
     "@babel/runtime" "^7.12.5"
-    "@matrix-org/matrix-sdk-crypto-wasm" "^13.0.0"
+    "@matrix-org/matrix-sdk-crypto-wasm" "^14.0.1"
     "@matrix-org/olm" "3.2.15"
     another-json "^0.2.0"
     bs58 "^6.0.0"

From 62a287219dbbdbcbc48a2c2a039a48714190022f Mon Sep 17 00:00:00 2001
From: Hubert Chathi <hubert@uhoreg.ca>
Date: Tue, 25 Feb 2025 08:46:57 -0500
Subject: [PATCH 12/14] add test to ensure that dehydrated device gets removed
 on identity reset (#29354)

---
 playwright/e2e/crypto/dehydration.spec.ts | 47 +++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/playwright/e2e/crypto/dehydration.spec.ts b/playwright/e2e/crypto/dehydration.spec.ts
index 472ee39493..35b5fae1ad 100644
--- a/playwright/e2e/crypto/dehydration.spec.ts
+++ b/playwright/e2e/crypto/dehydration.spec.ts
@@ -116,6 +116,40 @@ test.describe("Dehydration", () => {
         expect(dehydratedDeviceIds.length).toBe(1);
         expect(dehydratedDeviceIds[0]).not.toEqual(initialDehydratedDeviceIds[0]);
     });
+
+    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)
+        const settingsDialogLocator = await app.settings.openUserSettings("Encryption");
+        await settingsDialogLocator.getByRole("button", { name: "Set up recovery" }).click();
+
+        // First it displays an informative panel about the recovery key
+        await expect(settingsDialogLocator.getByRole("heading", { name: "Set up recovery" })).toBeVisible();
+        await settingsDialogLocator.getByRole("button", { name: "Continue" }).click();
+
+        // Next, it displays the new recovery key. We click on the copy button.
+        await expect(settingsDialogLocator.getByText("Save your recovery key somewhere safe")).toBeVisible();
+        await settingsDialogLocator.getByRole("button", { name: "Copy" }).click();
+        const recoveryKey = await app.getClipboard();
+        await settingsDialogLocator.getByRole("button", { name: "Continue" }).click();
+
+        await expect(
+            settingsDialogLocator.getByText("Enter your recovery key to confirm", { exact: true }),
+        ).toBeVisible();
+        await settingsDialogLocator.getByRole("textbox").fill(recoveryKey);
+        await settingsDialogLocator.getByRole("button", { name: "Finish set up" }).click();
+
+        await expectDehydratedDeviceEnabled(app);
+
+        // After recovery is set up, we reset our cryptographic identity, which
+        // should drop the dehydrated device.
+        await settingsDialogLocator.getByRole("button", { name: "Reset cryptographic identity" }).click();
+        await settingsDialogLocator.getByRole("button", { name: "Continue" }).click();
+
+        await expectDehydratedDeviceDisabled(app);
+    });
 });
 
 async function getDehydratedDeviceIds(client: Client): Promise<string[]> {
@@ -144,3 +178,16 @@ async function expectDehydratedDeviceEnabled(app: ElementAppPage): Promise<void>
         })
         .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);
+}

From f95218e2b7e38c78fed3ff199a339f0080f2b69f Mon Sep 17 00:00:00 2001
From: Florian Duros <florianduros@element.io>
Date: Tue, 25 Feb 2025 15:06:01 +0100
Subject: [PATCH 13/14] New room list: add space menu in room header (#29352)

* feat(new room list): add space menu in view model

* test(new room list): add space menu in view model

* feat(new room list): add space menu in room list header

* chore: update i18n

* test(new room list): add tests for space menu

* test(new room list): update room list tests

* test(e2e): add tests for space menu
---
 .../room-list-view/room-list-header.spec.ts   |  31 ++-
 .../room-list-header-space-menu-linux.png     | Bin 0 -> 11343 bytes
 .../room-list-space-header-linux.png          | Bin 0 -> 3186 bytes
 .../RoomListView/_RoomListHeaderView.pcss     |  12 +
 .../roomlist/RoomListHeaderViewModel.tsx      |  82 ++++++-
 .../rooms/RoomListView/RoomListHeaderView.tsx |  51 +++-
 src/i18n/strings/en_EN.json                   |   5 +
 .../roomlist/RoomListHeaderViewModel-test.tsx | 103 +++++++-
 .../RoomListView/RoomListHeaderView-test.tsx  | 153 ++++++++----
 .../RoomListHeaderView-test.tsx.snap          | 228 +++++++++++++++++-
 .../__snapshots__/RoomListView-test.tsx.snap  |  22 +-
 11 files changed, 611 insertions(+), 76 deletions(-)
 create mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-space-menu-linux.png
 create mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-space-header-linux.png

diff --git a/playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts b/playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts
index 2f4ef6f001..daa8d3869f 100644
--- a/playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts
+++ b/playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts
@@ -47,12 +47,41 @@ test.describe("Header section of the room list", () => {
         await app.closeDialog();
     });
 
-    test("should render the header section for a space", async ({ page, app, user }) => {
+    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: "Add" })).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/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-space-menu-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-space-menu-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2934c2a7695a9031a69ceee4d8a25f2a124e28d
GIT binary patch
literal 11343
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
Gum1+lz$GyN

literal 0
HcmV?d00001

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-space-header-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-space-header-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bdb7f8fa2a499d7c0ffc4767c405d1b0945c0d5c
GIT binary patch
literal 3186
zcmbW4`#aN*`^R6b;=>$z%b}2TkaAeg=kaz(LQ9doLvsi@OiqzgOmuiFBt}jvIhDia
z+$`s_VX_>Ok<&)QGQ*s<um9kCeLlb3r|bF4ecji6Uyu9c%^Q|N0;dE301&deW_}9*
zcw7!+Lw?>vdtHlDcIbFQZdsZFl|wSi0036DGXLBDaqjBW!$2`w9^W4<X#Fz;t^=ae
zN0riWLl=7S($+S<dQ<STI@KS<<LCI}xwWDOVw}Pr0OTPRnbjtyF=V138|c=mAo(+}
zEo?}_-K4-)xuLJ$_9}B=ly22Na{6v&*?9W8KC&(>o{{K(4wB${yb`~#9pPDV+K7-w
z+on)x5rwtu>p`NX*V6bnV|*t3JN+M=&m>6MsfwDuQk3MEznU(XAbPI<sOgL2i@frk
zFM?5`?&f$Cezk)CR_4X65Q!6I7M+xpHjo7OwGigu``>Sm#oFL8n!6N7)8^emk;O^`
z*J}wjF7#7QJ9fK=RAIA!uv~)C%3JR`R;h4W!f1mOk;J)FNBI_WM4l^>Fx_OU2t59U
zdifV;rAE5sC+Sd@E#(!IFJ$s-6+vuCDXJ$BzNQR!`ZhEKomr2AAi>}D)r%WmSpGKj
zOSaMn;zDHgVnZ#c6uD<%mxiYo=*id8&WoUk)$m}XMOOw%f1sGaNJz!1Y)(D`xb+@n
zB&I27zWZJBMhl@Jn%KF|#%H{nnp$69-+m${KEn_{tyY2~*mp~&-z4ZR!SyRv>Pi`N
z=86MZyF-;}Of=C-`dGmS)Pp7G8b;UHyaDoLc%+*AOrTD{lrA}FcAm&ZW`h&mR^QHS
z#e!YiI--4JhS<<}p7)^*&(eLIo`1~yKm>FHx-G9vI5_6<ABAGeeYtPuv7-Ubizh~S
zmS#QbRBlCgyZptpRf9sG6wkL?G8wiCUX&0e4Lm-!5jr(IRs1@dDbjv!2ew!|wh9hG
z4XRX=c&?fwwu=fQWx);MeE{Lgj5@@}FOW{=HAaZu!Po@6`kPy9ahTxJG5>arLJ<w%
zxW0-f^9v~33rhb^EfVhetm)SE@dECxkRBezybSz)Gz!s(c*WjE6UtNmv+of>RN4;T
z@*#`ZCDpE7a?19Ou=z!U)IwB#-2Hj_q^5J<gG^q_vVNDXPufBsCRps3J?*xm^i1QX
zR1AbaNdWCQ=JF+dZc$WzyN}I&oCC>{5%^t47aBxj_IDudA2%Ga&e>=*`YuVM>7HwF
z?j7Ob_L9bhPx^M|hz4F9npZmKyEb_(=swTzM^0h46nM`<yj7;8q18Vgx@i+k@q~vX
zQZtmQNAMaKBVPQyYE&CzZMIbX8MJ#-lf6sz>~i4oEGV77PV;K;-dk4nxkl!Bb@>*I
zP7044TZ!-vtbYDw1V6YMJ)1!t_VoNb*i18m<o%Y;H#DspB9w<ZdW74bJo>&2^zBzw
zzh_sJ#iM6(lJeVjJ$S@c?0HyXyWFVXYn9d5*YuPDQsmn68O*6Po3>XWsG7!LxCz5}
z{_S6nPNZzsKD!#n$}KQVwh9=SG*sn@o0jG$zNL9sfD;^mXw>)+D0lF7D`+^XEY|+k
z=r75=bOVZRX;T5ZVL32|9e`V2bdWgKx=5vHp`-w?B`l9$7!XA>9z+^UZMXdpliq*>
z)h(Qr&Vy^p@Y@t^APy3}e$7&m8D@?2Q57t0I~YaYl4%WOcQ$+23Au(S3D>`nGw(_s
z?^j+P-jm*v6@ShM3=|vU&N-Tm2MEiSjaOp0U05%+o*46}DWi#tIFM7biQMspDd=pA
za5WxRFRHl6#e_l;w^s7C==sH`ygBZwBo7S8M4;Zf0|>qFUDX%xxKu4Tz^Xqf5&lLT
zIE%`E8Jx1Y+kOr>Vp*jk2B;@JnT&pngz}X(4er%H&eW@x#4CM<-Fq>meMZ7w2HN=3
zLn|lof~VGI)P@w`TdJkpgL<`}=WUEW%Xk)Tsjb{cRaaNBRvOcb06tbhEkL4~yo2)M
zak#C~rv{D_>;eC%o$1C&nu|rEs$dzt)s>wN<4tu4V=qCml-#~-<eCd46AoPC3@u3_
z)CaORO+1KBAV)qPu(Pb;59XK==Pf^el<(UNuT+Z~RA0Y%e>R27k(2%C;Xy5LK{)L{
z{ZZph@t|qsr3|<I**R?>`L(p4l9z^l=+GE#C+k`saFOJ!u1Ug`|5?yBkJ>D4u~zLH
za&w;zvpb4=-|Lr`>+M=&q*amVwA(Ie5W_LSS>D+Lz1Bi?pK1<-9kgwdspr_vC7!?U
zCC;v@N|Vq1KJ3zATR;JDl`1`sXed<d=x8hs<vRfkZ`uJj_Xve{Ks?3s-S4sU<)zR@
z_c@fr@hEXXYDpjWWT)&l!zqKuwG?(|{>IwS+mb|U3Ht7m^uw?dh6ncBQ4HgqPLIPH
z=}(Bl!i`ErNA7-Ri-Lr1^ST#p<ws3-H&n|zreuJABcYvM!qrewLHhQQZHm-kKK0ms
z8e}(}N9~MI^#N*0F*Tp@X#M0BDz8+VoxewvMTL$int0?6*jy{FN&<_+kxylRk@2=l
zuDP$nf_Ki?$JWX}{^vhq_A6d7d`S;0-CZXZvNfw@h=6{mEt$teoZjHCKfDn^V|^(W
zq64j2dekjjmK)MN*X+%1h7(3x*ljwW(5t7fy+usT+Ayyt^hW4F<QLYg<ffJD4v%|P
z6|7|=eB*i(Q7-yVTW7aY|7g^*aiX(ps?X*mZD;b?!XJxoQ!^!?+zvmQ?H604Y&I|U
zQL@yjmq#M+8%Xn~0L$7~rJ!I-=ce<0pM}v4)GV>0{w!n{0k*K{ANCMxQ1ER3c-@3y
zou--Nyj9}K@$cs18p=cydfCj)u=kF93GI(ErsHMW+-DaiGm3<m3vD?6t7k3UvxTSD
zYDxET%2$qX_-tj3oz$Ne{X;G+Dyj%3NGwtf2V!*=)!a;>DXb5Mo7;y&2*yOuA!K%z
z-+l;W+#)a*{qJQ0CQQtO*S>&vI4ySi^JOs%qb?*))n$dXV<F_adXLZ8?(JPxuXWM1
zR?#$NmFy+(T+71BexJ3`I5JO&c#c*2kaS$OHP>GnbA0@4K_Tc>46I`ogO=3u|B-7Y
zeKU=whELq#1$y0DG_~TTGIK5qu2@^wYbWrvF||>k_pGEotPEO}9q*2b+)lbQGBR>n
z&D%~fbq{3)<Dy^o#V}uL89Uc+T+EmW*UMtDAXVHGJss-GT^166nVrvxEE<bSnH})0
z#|AUw#>i766+F2gCw%hDw`}~}Rc{NfVkerp=6*L%bTHUA?lj?=we<z!Y8w5?W7mc1
z)~1=&kW<p>T~wnSVb&6$OX%tE=)@_5OfsX+{+kbf8t9I2IkR)N`@F6Z9t`ZT##SFm
z?xwfFS?y&8eosOFeh;zo{^yKFQ0*7zmKf5z&bb#~rtlBV7Okb5{IoU6mya>Uaro-{
zJ+RA$#QX@uy>C%+o?jh4&(sVZZnUz0>h2>T-mh*mnJ%NTdfM`iA2F_Y7A-o9wr{#q
z;a@5&WaW*(LiZw>bSe6zSrmobe70>-AOGOMnlv^umA*(Jl=On*h}(@SZRE7bpr0CO
z-+<)e<ha4V;JrGqeVZFTF36c(BocJ}58U(5#9*>)lyLf88$eyKOr*K=YoJX!3F#CT
z;50I%LgJL^?1gk+;NLlA6~TFRTp$Sv2H-LQM9Jtxw_y1Wq}ln7yFV7TWu0^2dxj{d
zrBAyN<2hQ^17v!t%grsOl6Z0i81Tw33Z%T*;5ZtIg<p6#luezdGxdOBdzZj+qtNKs
zH&+heHtoO7IF<7T{W5}&j{#E9ai`HGgJ!5V)8+mG!#|R+I(*f!`HHvuz*AD0?!?$#
z<bJ)BJi?l5+0t@F=F>){p#l&3HL`+Gu7Oo8su^k0)8%zT`dQjS9WL%X`}EK-?<;&Q
zU?692xR^FxTu<0*n!YNReCg@aG;FgAZz~lY)v`1hFB&XJn`0QUR!^o6O+9a3b>44E
z4-d!0_8@id?tL7g_FWRUUKSRiV8qlz&^<?q^X)F0`@vH)^u#YCN*BkDsr_T&@Osc`
wHMGj4*HP}E`P?BJH<Qf%2QL2qDf<ADLv4OP&!OxdJ`sSG#SQaHQ`h+a1Lz=1%K!iX

literal 0
HcmV?d00001

diff --git a/res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss b/res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss
index b9c2f7f67b..6a88e61332 100644
--- a/res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss
+++ b/res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss
@@ -17,4 +17,16 @@
     button {
         color: var(--cpd-color-icon-secondary);
     }
+
+    .mx_SpaceMenu_button {
+        svg {
+            transition: transform 0.1s linear;
+        }
+    }
+
+    .mx_SpaceMenu_button[aria-expanded="true"] {
+        svg {
+            transform: rotate(180deg);
+        }
+    }
 }
diff --git a/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx b/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx
index a37384b7fa..fb822b8129 100644
--- a/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx
+++ b/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx
@@ -6,7 +6,7 @@
  */
 
 import { useCallback } from "react";
-import { type Room, RoomEvent, RoomType } from "matrix-js-sdk/src/matrix";
+import { JoinRule, type Room, RoomEvent, RoomType } from "matrix-js-sdk/src/matrix";
 
 import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
 import { UIComponent } from "../../../settings/UIFeature";
@@ -23,7 +23,15 @@ import {
     UPDATE_SELECTED_SPACE,
 } from "../../../stores/spaces";
 import SpaceStore from "../../../stores/spaces/SpaceStore";
-import { showCreateNewRoom } from "../../../utils/space";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../../utils/space";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 
 /**
  * Hook to get the active space and its title.
@@ -59,6 +67,11 @@ export interface RoomListHeaderViewState {
      * True if the user can create rooms
      */
     displayComposeMenu: boolean;
+    /**
+     * Whether to display the space menu
+     * True if there is an active space
+     */
+    displaySpaceMenu: boolean;
     /**
      * Whether the user can create rooms
      */
@@ -67,6 +80,14 @@ export interface RoomListHeaderViewState {
      * Whether the user can create video rooms
      */
     canCreateVideoRoom: boolean;
+    /**
+     * Whether the user can invite in the active space
+     */
+    canInviteInSpace: boolean;
+    /**
+     * Whether the user can access space settings
+     */
+    canAccessSpaceSettings: boolean;
     /**
      * Create a chat room
      * @param e - The click event
@@ -81,17 +102,39 @@ export interface RoomListHeaderViewState {
      * 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;
 }
 
 /**
  * View model for the RoomListHeader.
  */
 export function useRoomListHeaderViewModel(): RoomListHeaderViewState {
+    const matrixClient = useMatrixClientContext();
     const { activeSpace, title } = useSpace();
 
     const canCreateRoom = shouldShowComponent(UIComponent.CreateRooms);
     const canCreateVideoRoom = useFeatureEnabled("feature_video_rooms");
     const displayComposeMenu = canCreateRoom;
+    const displaySpaceMenu = Boolean(activeSpace);
+    const canInviteInSpace = Boolean(
+        activeSpace?.getJoinRule() === JoinRule.Public || activeSpace?.canInvite(matrixClient.getSafeUserId()),
+    );
+    const canAccessSpaceSettings = Boolean(activeSpace && shouldShowSpaceSettings(activeSpace));
 
     /* Actions */
 
@@ -125,13 +168,48 @@ export function useRoomListHeaderViewModel(): RoomListHeaderViewState {
         }
     }, [activeSpace, elementCallVideoRoomsEnabled]);
 
+    const openSpaceHome = useCallback(() => {
+        // openSpaceHome is only available when there is an active space
+        if (!activeSpace) return;
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: activeSpace.roomId,
+            metricsTrigger: undefined,
+        });
+    }, [activeSpace]);
+
+    const inviteInSpace = useCallback(() => {
+        // inviteInSpace is only available when there is an active space
+        if (!activeSpace) return;
+        showSpaceInvite(activeSpace);
+    }, [activeSpace]);
+
+    const openSpacePreferences = useCallback(() => {
+        // openSpacePreferences is only available when there is an active space
+        if (!activeSpace) return;
+        showSpacePreferences(activeSpace);
+    }, [activeSpace]);
+
+    const openSpaceSettings = useCallback(() => {
+        // openSpaceSettings is only available when there is an active space
+        if (!activeSpace) return;
+        showSpaceSettings(activeSpace);
+    }, [activeSpace]);
+
     return {
         title,
         displayComposeMenu,
+        displaySpaceMenu,
         canCreateRoom,
         canCreateVideoRoom,
+        canInviteInSpace,
+        canAccessSpaceSettings,
         createChatRoom,
         createRoom,
         createVideoRoom,
+        openSpaceHome,
+        inviteInSpace,
+        openSpacePreferences,
+        openSpaceSettings,
     };
 }
diff --git a/src/components/views/rooms/RoomListView/RoomListHeaderView.tsx b/src/components/views/rooms/RoomListView/RoomListHeaderView.tsx
index 478b9b7e70..7c82dabc2a 100644
--- a/src/components/views/rooms/RoomListView/RoomListHeaderView.tsx
+++ b/src/components/views/rooms/RoomListView/RoomListHeaderView.tsx
@@ -8,7 +8,11 @@ import React, { type JSX, useState } from "react";
 import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
 import ComposeIcon from "@vector-im/compound-design-tokens/assets/web/icons/compose";
 import UserAddIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
+import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
 import RoomIcon from "@vector-im/compound-design-tokens/assets/web/icons/room";
+import HomeIcon from "@vector-im/compound-design-tokens/assets/web/icons/home";
+import PreferencesIcon from "@vector-im/compound-design-tokens/assets/web/icons/preferences";
+import SettingsIcon from "@vector-im/compound-design-tokens/assets/web/icons/settings";
 import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call";
 
 import { _t } from "../../../../languageHandler";
@@ -34,12 +38,57 @@ export function RoomListHeaderView(): JSX.Element {
             align="center"
             data-testid="room-list-header"
         >
-            <h1>{vm.title}</h1>
+            <Flex align="center" gap="var(--cpd-space-1x)">
+                <h1>{vm.title}</h1>
+                {vm.displaySpaceMenu && <SpaceMenu vm={vm} />}
+            </Flex>
             {vm.displayComposeMenu && <ComposeMenu vm={vm} />}
         </Flex>
     );
 }
 
+interface SpaceMenuProps {
+    /**
+     * The view model for the room list header
+     */
+    vm: RoomListHeaderViewState;
+}
+
+/**
+ * The space menu for the room list header
+ */
+function SpaceMenu({ vm }: SpaceMenuProps): JSX.Element {
+    const [open, setOpen] = useState(false);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={vm.title}
+            side="right"
+            align="start"
+            trigger={
+                <IconButton className="mx_SpaceMenu_button" aria-label={_t("room_list|open_space_menu")} size="20px">
+                    <ChevronDownIcon />
+                </IconButton>
+            }
+        >
+            <MenuItem Icon={HomeIcon} label={_t("room_list|space_menu|home")} onSelect={vm.openSpaceHome} />
+            {vm.canInviteInSpace && (
+                <MenuItem Icon={UserAddIcon} label={_t("action|invite")} onSelect={vm.inviteInSpace} />
+            )}
+            <MenuItem Icon={PreferencesIcon} label={_t("common|preferences")} onSelect={vm.openSpacePreferences} />
+            {vm.canAccessSpaceSettings && (
+                <MenuItem
+                    Icon={SettingsIcon}
+                    label={_t("room_list|space_menu|space_settings")}
+                    onSelect={vm.openSpaceSettings}
+                />
+            )}
+        </Menu>
+    );
+}
+
 interface ComposeMenuProps {
     /**
      * The view model for the room list header
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index d4ab22771e..624beab0b8 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -2098,6 +2098,7 @@
             "other": "Currently joining %(count)s rooms"
         },
         "notification_options": "Notification options",
+        "open_space_menu": "Open space menu",
         "redacting_messages_status": {
             "one": "Currently removing messages in %(count)s room",
             "other": "Currently removing messages in %(count)s rooms"
@@ -2112,6 +2113,10 @@
         "sort_by_activity": "Activity",
         "sort_by_alphabet": "A-Z",
         "sort_unread_first": "Show rooms with unread messages first",
+        "space_menu": {
+            "home": "Space home",
+            "space_settings": "Space Settings"
+        },
         "space_menu_label": "%(spaceName)s menu",
         "sublist_options": "List options",
         "suggested_rooms_heading": "Suggested Rooms"
diff --git a/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx
index fe96e26861..43b7cb2b7d 100644
--- a/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx
+++ b/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx
@@ -6,24 +6,34 @@
  */
 
 import { renderHook } from "jest-matrix-react";
-import { type MatrixClient, type Room, RoomType } from "matrix-js-sdk/src/matrix";
+import { JoinRule, type MatrixClient, type Room, RoomType } from "matrix-js-sdk/src/matrix";
 import { mocked } from "jest-mock";
 
 import { useRoomListHeaderViewModel } from "../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
 import SpaceStore from "../../../../../src/stores/spaces/SpaceStore";
-import { mkStubRoom, stubClient } from "../../../../test-utils";
+import { mkStubRoom, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
 import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
 import SettingsStore from "../../../../../src/settings/SettingsStore";
 import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
 import { Action } from "../../../../../src/dispatcher/actions";
-import { showCreateNewRoom } from "../../../../../src/utils/space";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../../../../src/utils/space";
 
 jest.mock("../../../../../src/customisations/helpers/UIComponents", () => ({
     shouldShowComponent: jest.fn(),
 }));
 
 jest.mock("../../../../../src/utils/space", () => ({
+    shouldShowSpaceSettings: jest.fn(),
     showCreateNewRoom: jest.fn(),
+    showSpaceInvite: jest.fn(),
+    showSpacePreferences: jest.fn(),
+    showSpaceSettings: jest.fn(),
 }));
 
 describe("useRoomListHeaderViewModel", () => {
@@ -39,15 +49,19 @@ describe("useRoomListHeaderViewModel", () => {
         jest.resetAllMocks();
     });
 
+    function render() {
+        return renderHook(() => useRoomListHeaderViewModel(), withClientContextRenderOptions(matrixClient));
+    }
+
     describe("title", () => {
         it("should return Home as title", () => {
-            const { result } = renderHook(() => useRoomListHeaderViewModel());
+            const { result } = render();
             expect(result.current.title).toStrictEqual("Home");
         });
 
         it("should return the current space name as title", () => {
             jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-            const { result } = renderHook(() => useRoomListHeaderViewModel());
+            const { result } = render();
 
             expect(result.current.title).toStrictEqual("spaceName");
         });
@@ -55,7 +69,7 @@ describe("useRoomListHeaderViewModel", () => {
 
     it("should be displayComposeMenu=true and canCreateRoom=true if the user can creates room", () => {
         mocked(shouldShowComponent).mockReturnValue(false);
-        const { result, rerender } = renderHook(() => useRoomListHeaderViewModel());
+        const { result, rerender } = render();
         expect(result.current.displayComposeMenu).toBe(false);
         expect(result.current.canCreateRoom).toBe(false);
 
@@ -65,15 +79,45 @@ describe("useRoomListHeaderViewModel", () => {
         expect(result.current.canCreateRoom).toBe(true);
     });
 
+    it("should be displaySpaceMenu=true if the user is in a space", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        const { result } = render();
+        expect(result.current.displaySpaceMenu).toBe(true);
+    });
+
+    it("should be canInviteInSpace=true if the space join rule is public", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        jest.spyOn(space, "getJoinRule").mockReturnValue(JoinRule.Public);
+
+        const { result } = render();
+        expect(result.current.displaySpaceMenu).toBe(true);
+    });
+
+    it("should be canInviteInSpace=true if the user has the right", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        jest.spyOn(space, "canInvite").mockReturnValue(true);
+
+        const { result } = render();
+        expect(result.current.displaySpaceMenu).toBe(true);
+    });
+
+    it("should be canAccessSpaceSettings=true if the user has the right", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        mocked(shouldShowSpaceSettings).mockReturnValue(true);
+
+        const { result } = render();
+        expect(result.current.canAccessSpaceSettings).toBe(true);
+    });
+
     it("should be canCreateVideoRoom=true if feature_video_rooms is enabled", () => {
         jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         expect(result.current.canCreateVideoRoom).toBe(true);
     });
 
     it("should fire Action.CreateChat when createChatRoom is called", () => {
         const spy = jest.spyOn(defaultDispatcher, "fire");
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createChatRoom(new Event("click"));
 
         expect(spy).toHaveBeenCalledWith(Action.CreateChat);
@@ -81,7 +125,7 @@ describe("useRoomListHeaderViewModel", () => {
 
     it("should fire Action.CreateRoom when createRoom is called", () => {
         const spy = jest.spyOn(defaultDispatcher, "fire");
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createRoom(new Event("click"));
 
         expect(spy).toHaveBeenCalledWith(Action.CreateRoom);
@@ -89,7 +133,7 @@ describe("useRoomListHeaderViewModel", () => {
 
     it("should call showCreateNewRoom when createRoom is called in a space", () => {
         jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createRoom(new Event("click"));
 
         expect(showCreateNewRoom).toHaveBeenCalledWith(space);
@@ -98,7 +142,7 @@ describe("useRoomListHeaderViewModel", () => {
     it("should fire Action.CreateRoom with RoomType.UnstableCall when createVideoRoom is called and feature_element_call_video_rooms is enabled", () => {
         jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
         const spy = jest.spyOn(defaultDispatcher, "dispatch");
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createVideoRoom();
 
         expect(spy).toHaveBeenCalledWith({ action: Action.CreateRoom, type: RoomType.UnstableCall });
@@ -107,7 +151,7 @@ describe("useRoomListHeaderViewModel", () => {
     it("should fire Action.CreateRoom with RoomType.ElementVideo when createVideoRoom is called and feature_element_call_video_rooms is disabled", () => {
         jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
         const spy = jest.spyOn(defaultDispatcher, "dispatch");
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createVideoRoom();
 
         expect(spy).toHaveBeenCalledWith({ action: Action.CreateRoom, type: RoomType.ElementVideo });
@@ -115,9 +159,42 @@ describe("useRoomListHeaderViewModel", () => {
 
     it("should call showCreateNewRoom when createVideoRoom is called in a space", () => {
         jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = renderHook(() => useRoomListHeaderViewModel());
+        const { result } = render();
         result.current.createVideoRoom();
 
         expect(showCreateNewRoom).toHaveBeenCalledWith(space, RoomType.ElementVideo);
     });
+
+    it("should fire Action.ViewRoom when openSpaceHome is called in a space", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        const spy = jest.spyOn(defaultDispatcher, "dispatch");
+        const { result } = render();
+        result.current.openSpaceHome();
+
+        expect(spy).toHaveBeenCalledWith({ action: Action.ViewRoom, room_id: space.roomId, metricsTrigger: undefined });
+    });
+
+    it("should call showSpaceInvite when inviteInSpace is called in a space", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        const { result } = render();
+        result.current.inviteInSpace();
+
+        expect(showSpaceInvite).toHaveBeenCalledWith(space);
+    });
+
+    it("should call showSpacePreferences when openSpacePreferences is called in a space", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        const { result } = render();
+        result.current.openSpacePreferences();
+
+        expect(showSpacePreferences).toHaveBeenCalledWith(space);
+    });
+
+    it("should call showSpaceSettings when openSpaceSettings is called in a space", () => {
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
+        const { result } = render();
+        result.current.openSpaceSettings();
+
+        expect(showSpaceSettings).toHaveBeenCalledWith(space);
+    });
 });
diff --git a/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx b/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx
index fa81db04b0..97195556c3 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx
@@ -24,64 +24,129 @@ describe("<RoomListHeaderView />", () => {
     const defaultValue: RoomListHeaderViewState = {
         title: "title",
         displayComposeMenu: true,
+        displaySpaceMenu: true,
         canCreateRoom: true,
         canCreateVideoRoom: true,
+        canInviteInSpace: true,
+        canAccessSpaceSettings: true,
         createRoom: jest.fn(),
         createVideoRoom: jest.fn(),
         createChatRoom: jest.fn(),
+        openSpaceHome: jest.fn(),
+        inviteInSpace: jest.fn(),
+        openSpacePreferences: jest.fn(),
+        openSpaceSettings: jest.fn(),
     };
 
     afterEach(() => {
         jest.resetAllMocks();
     });
 
-    it("should display the compose menu", () => {
-        mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
+    describe("compose menu", () => {
+        it("should display the compose menu", () => {
+            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
 
-        const { asFragment } = render(<RoomListHeaderView />);
-        expect(screen.queryByRole("button", { name: "Add" })).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should not display the compose menu", () => {
-        mocked(useRoomListHeaderViewModel).mockReturnValue({ ...defaultValue, displayComposeMenu: false });
-
-        const { asFragment } = render(<RoomListHeaderView />);
-        expect(screen.queryByRole("button", { name: "Add" })).toBeNull();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should display all the buttons when the menu is opened", async () => {
-        const user = userEvent.setup();
-        mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-        render(<RoomListHeaderView />);
-        const openMenu = screen.getByRole("button", { name: "Add" });
-        await user.click(openMenu);
-
-        await user.click(screen.getByRole("menuitem", { name: "New message" }));
-        expect(defaultValue.createChatRoom).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "New room" }));
-        expect(defaultValue.createRoom).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "New video room" }));
-        expect(defaultValue.createVideoRoom).toHaveBeenCalled();
-    });
-
-    it("should display only the new message button", async () => {
-        const user = userEvent.setup();
-        mocked(useRoomListHeaderViewModel).mockReturnValue({
-            ...defaultValue,
-            canCreateRoom: false,
-            canCreateVideoRoom: false,
+            const { asFragment } = render(<RoomListHeaderView />);
+            expect(screen.queryByRole("button", { name: "Add" })).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
         });
 
-        render(<RoomListHeaderView />);
-        await user.click(screen.getByRole("button", { name: "Add" }));
+        it("should not display the compose menu", () => {
+            mocked(useRoomListHeaderViewModel).mockReturnValue({ ...defaultValue, displayComposeMenu: false });
 
-        expect(screen.queryByRole("menuitem", { name: "New room" })).toBeNull();
-        expect(screen.queryByRole("menuitem", { name: "New video room" })).toBeNull();
+            const { asFragment } = render(<RoomListHeaderView />);
+            expect(screen.queryByRole("button", { name: "Add" })).toBeNull();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should display all the buttons when the menu is opened", async () => {
+            const user = userEvent.setup();
+            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
+            render(<RoomListHeaderView />);
+            const openMenu = screen.getByRole("button", { name: "Add" });
+            await user.click(openMenu);
+
+            await user.click(screen.getByRole("menuitem", { name: "New message" }));
+            expect(defaultValue.createChatRoom).toHaveBeenCalled();
+
+            await user.click(openMenu);
+            await user.click(screen.getByRole("menuitem", { name: "New room" }));
+            expect(defaultValue.createRoom).toHaveBeenCalled();
+
+            await user.click(openMenu);
+            await user.click(screen.getByRole("menuitem", { name: "New video room" }));
+            expect(defaultValue.createVideoRoom).toHaveBeenCalled();
+        });
+
+        it("should display only the new message button", async () => {
+            const user = userEvent.setup();
+            mocked(useRoomListHeaderViewModel).mockReturnValue({
+                ...defaultValue,
+                canCreateRoom: false,
+                canCreateVideoRoom: false,
+            });
+
+            render(<RoomListHeaderView />);
+            await user.click(screen.getByRole("button", { name: "Add" }));
+
+            expect(screen.queryByRole("menuitem", { name: "New room" })).toBeNull();
+            expect(screen.queryByRole("menuitem", { name: "New video room" })).toBeNull();
+        });
+    });
+
+    describe("space menu", () => {
+        it("should display the space menu", () => {
+            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
+
+            const { asFragment } = render(<RoomListHeaderView />);
+            expect(screen.queryByRole("button", { name: "Open space menu" })).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should not display the space menu", () => {
+            mocked(useRoomListHeaderViewModel).mockReturnValue({ ...defaultValue, displaySpaceMenu: false });
+
+            const { asFragment } = render(<RoomListHeaderView />);
+            expect(screen.queryByRole("button", { name: "Open space menu" })).toBeNull();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should display all the buttons when the space menu is opened", async () => {
+            const user = userEvent.setup();
+            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
+            render(<RoomListHeaderView />);
+            const openMenu = screen.getByRole("button", { name: "Open space menu" });
+            await user.click(openMenu);
+
+            await user.click(screen.getByRole("menuitem", { name: "Space home" }));
+            expect(defaultValue.openSpaceHome).toHaveBeenCalled();
+
+            await user.click(openMenu);
+            await user.click(screen.getByRole("menuitem", { name: "Invite" }));
+            expect(defaultValue.inviteInSpace).toHaveBeenCalled();
+
+            await user.click(openMenu);
+            await user.click(screen.getByRole("menuitem", { name: "Preferences" }));
+            expect(defaultValue.openSpacePreferences).toHaveBeenCalled();
+
+            await user.click(openMenu);
+            await user.click(screen.getByRole("menuitem", { name: "Space Settings" }));
+            expect(defaultValue.openSpaceSettings).toHaveBeenCalled();
+        });
+
+        it("should display only the home and preference buttons", async () => {
+            const user = userEvent.setup();
+            mocked(useRoomListHeaderViewModel).mockReturnValue({
+                ...defaultValue,
+                canInviteInSpace: false,
+                canAccessSpaceSettings: false,
+            });
+
+            render(<RoomListHeaderView />);
+            await user.click(screen.getByRole("button", { name: "Add" }));
+
+            expect(screen.queryByRole("menuitem", { name: "Invite" })).toBeNull();
+            expect(screen.queryByRole("menuitem", { name: "Space Setting" })).toBeNull();
+        });
     });
 });
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap
index 36ae6d2b10..eee7df2dd7 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<RoomListHeaderView /> should display the compose menu 1`] = `
+exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`] = `
 <DocumentFragment>
   <header
     aria-label="Room options"
@@ -8,9 +8,44 @@ exports[`<RoomListHeaderView /> should display the compose menu 1`] = `
     data-testid="room-list-header"
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
   >
-    <h1>
-      title
-    </h1>
+    <div
+      class="mx_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);"
+    >
+      <h1>
+        title
+      </h1>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Open space menu"
+        class="_icon-button_m2erp_8 mx_SpaceMenu_button"
+        data-state="closed"
+        id="radix-:r0:"
+        role="button"
+        style="--cpd-icon-button-size: 20px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_zr2a0_17"
+          style="--cpd-icon-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>
     <button
       aria-disabled="false"
       aria-expanded="false"
@@ -18,7 +53,7 @@ exports[`<RoomListHeaderView /> should display the compose menu 1`] = `
       aria-label="Add"
       class="_icon-button_m2erp_8"
       data-state="closed"
-      id="radix-:r0:"
+      id="radix-:r2:"
       role="button"
       style="--cpd-icon-button-size: 32px;"
       tabindex="0"
@@ -50,7 +85,7 @@ exports[`<RoomListHeaderView /> should display the compose menu 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<RoomListHeaderView /> should not display the compose menu 1`] = `
+exports[`<RoomListHeaderView /> compose menu should not display the compose menu 1`] = `
 <DocumentFragment>
   <header
     aria-label="Room options"
@@ -58,9 +93,184 @@ exports[`<RoomListHeaderView /> should not display the compose menu 1`] = `
     data-testid="room-list-header"
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
   >
-    <h1>
-      title
-    </h1>
+    <div
+      class="mx_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);"
+    >
+      <h1>
+        title
+      </h1>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Open space menu"
+        class="_icon-button_m2erp_8 mx_SpaceMenu_button"
+        data-state="closed"
+        id="radix-:r4:"
+        role="button"
+        style="--cpd-icon-button-size: 20px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_zr2a0_17"
+          style="--cpd-icon-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>
+  </header>
+</DocumentFragment>
+`;
+
+exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
+<DocumentFragment>
+  <header
+    aria-label="Room options"
+    class="mx_Flex mx_RoomListHeaderView"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
+  >
+    <div
+      class="mx_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);"
+    >
+      <h1>
+        title
+      </h1>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Open space menu"
+        class="_icon-button_m2erp_8 mx_SpaceMenu_button"
+        data-state="closed"
+        id="radix-:rs:"
+        role="button"
+        style="--cpd-icon-button-size: 20px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_zr2a0_17"
+          style="--cpd-icon-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>
+    <button
+      aria-disabled="false"
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="Add"
+      class="_icon-button_m2erp_8"
+      data-state="closed"
+      id="radix-:ru:"
+      role="button"
+      style="--cpd-icon-button-size: 32px;"
+      tabindex="0"
+      type="button"
+    >
+      <div
+        class="_indicator-icon_zr2a0_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <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.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+            fill-rule="evenodd"
+          />
+          <path
+            d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+          />
+        </svg>
+      </div>
+    </button>
+  </header>
+</DocumentFragment>
+`;
+
+exports[`<RoomListHeaderView /> space menu should not display the space menu 1`] = `
+<DocumentFragment>
+  <header
+    aria-label="Room options"
+    class="mx_Flex mx_RoomListHeaderView"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
+  >
+    <div
+      class="mx_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);"
+    >
+      <h1>
+        title
+      </h1>
+    </div>
+    <button
+      aria-disabled="false"
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="Add"
+      class="_icon-button_m2erp_8"
+      data-state="closed"
+      id="radix-:r10:"
+      role="button"
+      style="--cpd-icon-button-size: 32px;"
+      tabindex="0"
+      type="button"
+    >
+      <div
+        class="_indicator-icon_zr2a0_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <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.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+            fill-rule="evenodd"
+          />
+          <path
+            d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+          />
+        </svg>
+      </div>
+    </button>
   </header>
 </DocumentFragment>
 `;
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
index 79bf67b0aa..90e1454f50 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
@@ -12,9 +12,14 @@ exports[`<RoomListView /> should not render the RoomListSearch component when UI
       data-testid="room-list-header"
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
     >
-      <h1>
-        Home
-      </h1>
+      <div
+        class="mx_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);"
+      >
+        <h1>
+          Home
+        </h1>
+      </div>
     </header>
   </section>
 </DocumentFragment>
@@ -88,9 +93,14 @@ exports[`<RoomListView /> should render the RoomListSearch component when UIComp
       data-testid="room-list-header"
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0;"
     >
-      <h1>
-        Home
-      </h1>
+      <div
+        class="mx_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);"
+      >
+        <h1>
+          Home
+        </h1>
+      </div>
       <button
         aria-disabled="false"
         aria-expanded="false"

From eb7df98355a84f8bef1d143d8201f9bb00469f8a Mon Sep 17 00:00:00 2001
From: Florian Duros <florian.duros@ormaz.fr>
Date: Tue, 25 Feb 2025 15:31:59 +0100
Subject: [PATCH 14/14] refactor: rename `RoomListView` as `RoomListPanel`

---
 .../room-list-header.spec.ts                     |   0
 .../room-list-panel.spec.ts}                     |   8 ++++----
 .../room-list-search.spec.ts                     |   0
 .../room-list-header-compose-menu-linux.png      | Bin 0 -> 4815 bytes
 .../room-list-header-linux.png                   | Bin 0 -> 1765 bytes
 .../room-list-header-space-menu-linux.png        | Bin
 .../room-list-space-header-linux.png             | Bin
 .../room-list-panel-linux.png                    | Bin 0 -> 7985 bytes
 .../search-section-linux.png                     | Bin 0 -> 3993 bytes
 .../room-list-header-compose-menu-linux.png      | Bin 4816 -> 0 bytes
 .../room-list-header-linux.png                   | Bin 1758 -> 0 bytes
 .../search-section-linux.png                     | Bin 3970 -> 0 bytes
 .../room-list-view-linux.png                     | Bin 7975 -> 0 bytes
 res/css/_components.pcss                         |   6 +++---
 .../_RoomListHeaderView.pcss                     |   0
 .../_RoomListPanel.pcss}                         |   2 +-
 .../_RoomListSearch.pcss                         |   0
 src/components/structures/LeftPanel.tsx          |   4 ++--
 .../RoomListHeaderView.tsx                       |   0
 .../RoomListPanel.tsx}                           |   8 ++++----
 .../RoomListSearch.tsx                           |   0
 .../{RoomListView => RoomListPanel}/index.ts     |   2 +-
 .../RoomListHeaderView-test.tsx                  |   2 +-
 .../RoomListPanel-test.tsx}                      |   6 +++---
 .../RoomListSearch-test.tsx                      |   2 +-
 .../RoomListHeaderView-test.tsx.snap             |   0
 .../__snapshots__/RoomListPanel-test.tsx.snap}   |  12 ++++++------
 .../__snapshots__/RoomListSearch-test.tsx.snap   |   0
 28 files changed, 26 insertions(+), 26 deletions(-)
 rename playwright/e2e/left-panel/{room-list-view => room-list-panel}/room-list-header.spec.ts (100%)
 rename playwright/e2e/left-panel/{room-list-view/room-list-view.spec.ts => room-list-panel/room-list-panel.spec.ts} (78%)
 rename playwright/e2e/left-panel/{room-list-view => room-list-panel}/room-list-search.spec.ts (100%)
 create mode 100644 playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png
 create mode 100644 playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png
 rename playwright/snapshots/left-panel/{room-list-view => room-list-panel}/room-list-header.spec.ts/room-list-header-space-menu-linux.png (100%)
 rename playwright/snapshots/left-panel/{room-list-view => room-list-panel}/room-list-header.spec.ts/room-list-space-header-linux.png (100%)
 create mode 100644 playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png
 create mode 100644 playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png
 delete mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-compose-menu-linux.png
 delete mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-linux.png
 delete mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-search.spec.ts/search-section-linux.png
 delete mode 100644 playwright/snapshots/left-panel/room-list-view/room-list-view.spec.ts/room-list-view-linux.png
 rename res/css/views/rooms/{RoomListView => RoomListPanel}/_RoomListHeaderView.pcss (100%)
 rename res/css/views/rooms/{RoomListView/_RoomListView.pcss => RoomListPanel/_RoomListPanel.pcss} (94%)
 rename res/css/views/rooms/{RoomListView => RoomListPanel}/_RoomListSearch.pcss (100%)
 rename src/components/views/rooms/{RoomListView => RoomListPanel}/RoomListHeaderView.tsx (100%)
 rename src/components/views/rooms/{RoomListView/RoomListView.tsx => RoomListPanel/RoomListPanel.tsx} (79%)
 rename src/components/views/rooms/{RoomListView => RoomListPanel}/RoomListSearch.tsx (100%)
 rename src/components/views/rooms/{RoomListView => RoomListPanel}/index.ts (80%)
 rename test/unit-tests/components/views/rooms/{RoomListView => RoomListPanel}/RoomListHeaderView-test.tsx (99%)
 rename test/unit-tests/components/views/rooms/{RoomListView/RoomListView-test.tsx => RoomListPanel/RoomListPanel-test.tsx} (88%)
 rename test/unit-tests/components/views/rooms/{RoomListView => RoomListPanel}/RoomListSearch-test.tsx (99%)
 rename test/unit-tests/components/views/rooms/{RoomListView => RoomListPanel}/__snapshots__/RoomListHeaderView-test.tsx.snap (100%)
 rename test/unit-tests/components/views/rooms/{RoomListView/__snapshots__/RoomListView-test.tsx.snap => RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap} (92%)
 rename test/unit-tests/components/views/rooms/{RoomListView => RoomListPanel}/__snapshots__/RoomListSearch-test.tsx.snap (100%)

diff --git a/playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list-header.spec.ts
similarity index 100%
rename from playwright/e2e/left-panel/room-list-view/room-list-header.spec.ts
rename to playwright/e2e/left-panel/room-list-panel/room-list-header.spec.ts
diff --git a/playwright/e2e/left-panel/room-list-view/room-list-view.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts
similarity index 78%
rename from playwright/e2e/left-panel/room-list-view/room-list-view.spec.ts
rename to playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts
index 7cd5122e8a..53795773ed 100644
--- a/playwright/e2e/left-panel/room-list-view/room-list-view.spec.ts
+++ b/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts
@@ -9,7 +9,7 @@ import { type Page } from "@playwright/test";
 
 import { test, expect } from "../../../element-web-test";
 
-test.describe("Search section of the room list", () => {
+test.describe("Room list panel", () => {
     test.use({
         labsFlags: ["feature_new_room_list"],
     });
@@ -19,7 +19,7 @@ test.describe("Search section of the room list", () => {
      * @param page
      */
     function getRoomListView(page: Page) {
-        return page.getByTestId("room-list-view");
+        return page.getByTestId("room-list-panel");
     }
 
     test.beforeEach(async ({ page, app, user }) => {
@@ -27,8 +27,8 @@ test.describe("Search section of the room list", () => {
         await app.closeNotificationToast();
     });
 
-    test("should render the room list view", { tag: "@screenshot" }, async ({ page, app, user }) => {
+    test("should render the room list panel", { tag: "@screenshot" }, async ({ page, app, user }) => {
         const roomListView = getRoomListView(page);
-        await expect(roomListView).toMatchScreenshot("room-list-view.png");
+        await expect(roomListView).toMatchScreenshot("room-list-panel.png");
     });
 });
diff --git a/playwright/e2e/left-panel/room-list-view/room-list-search.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts
similarity index 100%
rename from playwright/e2e/left-panel/room-list-view/room-list-search.spec.ts
rename to playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8382d3b1844c7a990f767a573987ba05b8a20a84
GIT binary patch
literal 4815
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

literal 0
HcmV?d00001

diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c871b6b9c74f31fb628fc45e178e212d3fef21e
GIT binary patch
literal 1765
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

literal 0
HcmV?d00001

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-space-menu-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png
similarity index 100%
rename from playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-space-menu-linux.png
rename to playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png
diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-space-header-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png
similarity index 100%
rename from playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-space-header-linux.png
rename to playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d03dbf992b02661f4589e7e124671d058574e4d1
GIT binary patch
literal 7985
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
Q2F`c)mdVZH8&6*U7pzRP8UO$Q

literal 0
HcmV?d00001

diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..123cf3758623f9e70cbbb90dd4e66959b4ffa002
GIT binary patch
literal 3993
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
Zx0?H@H+7pFQm$DWpsA`0sRY}+{|_K)xvBsF

literal 0
HcmV?d00001

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-compose-menu-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-compose-menu-linux.png
deleted file mode 100644
index 8f53c47d53c0252f104e995e574fd3314a50d948..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4816
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

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-header.spec.ts/room-list-header-linux.png
deleted file mode 100644
index 82636daa73d7d0c9482979a8a708aeeb424e843b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1758
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
VJ*l3Yf|5Qgz{%bXY_h|p{SPy}O@aUb

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-search.spec.ts/search-section-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-search.spec.ts/search-section-linux.png
deleted file mode 100644
index 6c2684e84964c41f2614af19fe003ca9c2518f73..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3970
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

diff --git a/playwright/snapshots/left-panel/room-list-view/room-list-view.spec.ts/room-list-view-linux.png b/playwright/snapshots/left-panel/room-list-view/room-list-view.spec.ts/room-list-view-linux.png
deleted file mode 100644
index 378d5ef92651c0aac0e8c449ca7b490369720da5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7975
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

diff --git a/res/css/_components.pcss b/res/css/_components.pcss
index 13347e887a..c14bb40db7 100644
--- a/res/css/_components.pcss
+++ b/res/css/_components.pcss
@@ -269,9 +269,9 @@
 @import "./views/right_panel/_VerificationPanel.pcss";
 @import "./views/right_panel/_WidgetCard.pcss";
 @import "./views/room_settings/_AliasSettings.pcss";
-@import "./views/rooms/RoomListView/_RoomListHeaderView.pcss";
-@import "./views/rooms/RoomListView/_RoomListSearch.pcss";
-@import "./views/rooms/RoomListView/_RoomListView.pcss";
+@import "./views/rooms/RoomListPanel/_RoomListHeaderView.pcss";
+@import "./views/rooms/RoomListPanel/_RoomListPanel.pcss";
+@import "./views/rooms/RoomListPanel/_RoomListSearch.pcss";
 @import "./views/rooms/_AppsDrawer.pcss";
 @import "./views/rooms/_Autocomplete.pcss";
 @import "./views/rooms/_AuxPanel.pcss";
diff --git a/res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss b/res/css/views/rooms/RoomListPanel/_RoomListHeaderView.pcss
similarity index 100%
rename from res/css/views/rooms/RoomListView/_RoomListHeaderView.pcss
rename to res/css/views/rooms/RoomListPanel/_RoomListHeaderView.pcss
diff --git a/res/css/views/rooms/RoomListView/_RoomListView.pcss b/res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss
similarity index 94%
rename from res/css/views/rooms/RoomListView/_RoomListView.pcss
rename to res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss
index 117810e6b7..eb1f6e5fe5 100644
--- a/res/css/views/rooms/RoomListView/_RoomListView.pcss
+++ b/res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss
@@ -5,7 +5,7 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-.mx_RoomListView {
+.mx_RoomListPanel {
     background-color: var(--cpd-color-bg-canvas-default);
     height: 100%;
     border-right: 1px solid var(--cpd-color-bg-subtle-primary);
diff --git a/res/css/views/rooms/RoomListView/_RoomListSearch.pcss b/res/css/views/rooms/RoomListPanel/_RoomListSearch.pcss
similarity index 100%
rename from res/css/views/rooms/RoomListView/_RoomListSearch.pcss
rename to res/css/views/rooms/RoomListPanel/_RoomListSearch.pcss
diff --git a/src/components/structures/LeftPanel.tsx b/src/components/structures/LeftPanel.tsx
index aa4d419196..f168c39070 100644
--- a/src/components/structures/LeftPanel.tsx
+++ b/src/components/structures/LeftPanel.tsx
@@ -37,7 +37,7 @@ import PosthogTrackers from "../../PosthogTrackers";
 import type PageType from "../../PageTypes";
 import { Landmark, LandmarkNavigation } from "../../accessibility/LandmarkNavigation";
 import SettingsStore from "../../settings/SettingsStore";
-import { RoomListView } from "../views/rooms/RoomListView";
+import { RoomListPanel } from "../views/rooms/RoomListPanel";
 
 interface IProps {
     isMinimized: boolean;
@@ -390,7 +390,7 @@ export default class LeftPanel extends React.Component<IProps, IState> {
             return (
                 <div className={containerClasses}>
                     <div className="mx_LeftPanel_roomListContainer">
-                        <RoomListView activeSpace={this.state.activeSpace} />
+                        <RoomListPanel activeSpace={this.state.activeSpace} />
                     </div>
                 </div>
             );
diff --git a/src/components/views/rooms/RoomListView/RoomListHeaderView.tsx b/src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx
similarity index 100%
rename from src/components/views/rooms/RoomListView/RoomListHeaderView.tsx
rename to src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx
diff --git a/src/components/views/rooms/RoomListView/RoomListView.tsx b/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
similarity index 79%
rename from src/components/views/rooms/RoomListView/RoomListView.tsx
rename to src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
index 2aa11269ff..e5c1cbfa30 100644
--- a/src/components/views/rooms/RoomListView/RoomListView.tsx
+++ b/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
@@ -12,7 +12,7 @@ import { UIComponent } from "../../../../settings/UIFeature";
 import { RoomListSearch } from "./RoomListSearch";
 import { RoomListHeaderView } from "./RoomListHeaderView";
 
-type RoomListViewProps = {
+type RoomListPanelProps = {
     /**
      * Current active space
      * See {@link RoomListSearch}
@@ -21,13 +21,13 @@ type RoomListViewProps = {
 };
 
 /**
- * A view component for the room list.
+ * The panel of the room list
  */
-export const RoomListView: React.FC<RoomListViewProps> = ({ activeSpace }) => {
+export const RoomListPanel: React.FC<RoomListPanelProps> = ({ activeSpace }) => {
     const displayRoomSearch = shouldShowComponent(UIComponent.FilterContainer);
 
     return (
-        <section className="mx_RoomListView" data-testid="room-list-view">
+        <section className="mx_RoomListPanel" data-testid="room-list-panel">
             {displayRoomSearch && <RoomListSearch activeSpace={activeSpace} />}
             <RoomListHeaderView />
         </section>
diff --git a/src/components/views/rooms/RoomListView/RoomListSearch.tsx b/src/components/views/rooms/RoomListPanel/RoomListSearch.tsx
similarity index 100%
rename from src/components/views/rooms/RoomListView/RoomListSearch.tsx
rename to src/components/views/rooms/RoomListPanel/RoomListSearch.tsx
diff --git a/src/components/views/rooms/RoomListView/index.ts b/src/components/views/rooms/RoomListPanel/index.ts
similarity index 80%
rename from src/components/views/rooms/RoomListView/index.ts
rename to src/components/views/rooms/RoomListPanel/index.ts
index 4fa7c095df..4356a51e26 100644
--- a/src/components/views/rooms/RoomListView/index.ts
+++ b/src/components/views/rooms/RoomListPanel/index.ts
@@ -5,4 +5,4 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-export { RoomListView } from "./RoomListView";
+export { RoomListPanel } from "./RoomListPanel";
diff --git a/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx
similarity index 99%
rename from test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx
rename to test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx
index 97195556c3..3a7e189d91 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/RoomListHeaderView-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx
@@ -14,7 +14,7 @@ import {
     type RoomListHeaderViewState,
     useRoomListHeaderViewModel,
 } from "../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
-import { RoomListHeaderView } from "../../../../../../src/components/views/rooms/RoomListView/RoomListHeaderView";
+import { RoomListHeaderView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListHeaderView";
 
 jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel", () => ({
     useRoomListHeaderViewModel: jest.fn(),
diff --git a/test/unit-tests/components/views/rooms/RoomListView/RoomListView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx
similarity index 88%
rename from test/unit-tests/components/views/rooms/RoomListView/RoomListView-test.tsx
rename to test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx
index fecdabbae9..525a17e1ac 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/RoomListView-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx
@@ -9,7 +9,7 @@ import React from "react";
 import { render, screen } from "jest-matrix-react";
 import { mocked } from "jest-mock";
 
-import { RoomListView } from "../../../../../../src/components/views/rooms/RoomListView";
+import { RoomListPanel } from "../../../../../../src/components/views/rooms/RoomListPanel";
 import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
 import { MetaSpace } from "../../../../../../src/stores/spaces";
 
@@ -17,9 +17,9 @@ jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
     shouldShowComponent: jest.fn(),
 }));
 
-describe("<RoomListView />", () => {
+describe("<RoomListPanel />", () => {
     function renderComponent() {
-        return render(<RoomListView activeSpace={MetaSpace.Home} />);
+        return render(<RoomListPanel activeSpace={MetaSpace.Home} />);
     }
 
     beforeEach(() => {
diff --git a/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx
similarity index 99%
rename from test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx
rename to test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx
index ead58cc039..47ecc69cc3 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/RoomListSearch-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx
@@ -10,7 +10,7 @@ import { render, screen } from "jest-matrix-react";
 import { mocked } from "jest-mock";
 import userEvent from "@testing-library/user-event";
 
-import { RoomListSearch } from "../../../../../../src/components/views/rooms/RoomListView/RoomListSearch";
+import { RoomListSearch } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListSearch";
 import { MetaSpace } from "../../../../../../src/stores/spaces";
 import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
 import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap
similarity index 100%
rename from test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListHeaderView-test.tsx.snap
rename to test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
similarity index 92%
rename from test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
rename to test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
index 90e1454f50..d261fb9582 100644
--- a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListView-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<RoomListView /> should not render the RoomListSearch component when UIComponent.FilterContainer is at false 1`] = `
+exports[`<RoomListPanel /> should not render the RoomListSearch component when UIComponent.FilterContainer is at false 1`] = `
 <DocumentFragment>
   <section
-    class="mx_RoomListView"
-    data-testid="room-list-view"
+    class="mx_RoomListPanel"
+    data-testid="room-list-panel"
   >
     <header
       aria-label="Room options"
@@ -25,11 +25,11 @@ exports[`<RoomListView /> should not render the RoomListSearch component when UI
 </DocumentFragment>
 `;
 
-exports[`<RoomListView /> should render the RoomListSearch component when UIComponent.FilterContainer is at true 1`] = `
+exports[`<RoomListPanel /> should render the RoomListSearch component when UIComponent.FilterContainer is at true 1`] = `
 <DocumentFragment>
   <section
-    class="mx_RoomListView"
-    data-testid="room-list-view"
+    class="mx_RoomListPanel"
+    data-testid="room-list-panel"
   >
     <div
       class="mx_Flex mx_RoomListSearch"
diff --git a/test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
similarity index 100%
rename from test/unit-tests/components/views/rooms/RoomListView/__snapshots__/RoomListSearch-test.tsx.snap
rename to test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap