History based navigation with new right panel store

[toger5]

Fixes: element-hq/element-web#19686
Fixes: element-hq/element-web#19660
Fixes: element-hq/element-web#19634

This tires/should solve all the requirements from this post:

The changes to watch out for in this PR:

• complex right panel histories should be possible:

                                     Timeline in the right panel 
-push-a-thread-->                    Thread in the right panel
-push-a-member-profile-of-userA-->   Show member panel with userA
-call-pop/press-back-->              Thread in the right panel
-call-pop/press-back-->              Timeline in the right panel

Things to test that should work:

(this pr is based on the first pr so it should include everything in this list)

---

from the first PR:

• verification flows
• the right panel needs to be per room, changing rooms should change the right panel
• The correct member should be shown when the right panel shows a member and the room gets changed from roomA -> roomB -> roomA
• The correct Thread should be shown when the right panel shows a thread and the room gets cahnged form roomA -> roomB -> roomA
• Right panel phase should be stored on page reload (for all rooms)
• Thread right panel should be stored on page reload
• Member right panel should be stored on page reload
• Communities need to work as before (except with per room panels) (there is a back button missing in the member panel when you are viewing a community panel. Is that an issue? How long until we will drop communities. how many ppl are still using it?)

---

from this pr

• creating a complex right panel history in a room (A). the history should be preserved in the following scenarios
  • changing rooms to room (B) and coming back to the room (A)
  • restarting element by refreshing the page
  • creating another complex history in a different room (C) and coming back to this room (A)
• the back button should show the correct panel when going back in the hover tooltip

J4no wrote:

I’m sharing here for reference the immediate plan of action for the Threads P0 epic that we discussed internally. We can explore more in-depth other issues and implementations outside the scope of Threads P0.

• Ideally, keep track of the status for local, room-level panels. Local panels include the Room Info panel and the Threads panel. This way when opening a thread in a room, switching to a different room, and then going back to the first one, the thread will still be there.
• Only global panels, if any, can persist their contents across rooms. We have only one global panel, the Notifications panel. That said, it’s currently barely usable as it can only show mentions in unencrypted rooms, so we could even consider not persisting it for now, and thus minimizing conflicts with any open local panel, like threads.
• Update the labels for the back button’s tooltip to indicate the specific navigation destination. “Back” is ambiguous as you can’t tell in advance if it traverses navigation history (what most people will guess given the label) or the navigation hierarchy tree (what’s actually happening). Optionally, we could explore labeling the back buttons, instead of relying exclusively on tooltips.
• Allow for hierarchical navigation to the User Profile view from multiple contexts: Thread context Thread list → Thread detail → User profile, and room info context Room info → People list → User profile. Otherwise, users get trapped in the user profile view when accessed in the context of a thread.

---

Here's what your changelog entry will look like:

✨ Features

• History based navigation with new right panel store (#7398). Fixes Improve using Threads across multiple rooms & DMs element-hq/element-web#19686 RightPanel navigation is unintuitive, especially with threads element-hq/element-web#19660 and Remember local per-room state chat right panel element-hq/element-web#19634. Contributed by @toger5.

Preview: https://61d5c52d355fa55a73e93de2--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

[janogarcia]

@toger5 Thanks for implementing all the suggested changes, Timo! Just one minor tweak, please change the copy for Back to all threads to just Threads.

[janogarcia]

👏

[jryans]

Assuming the CI errors are resolved, this looks good to me! 😄