Device management & UI polish in MAS

[hughns]

Overview

Create a minimal working session management interface and apply slight polish to the MAS UI overall.

The overall concept of device management in MAS is covered in https://github.com/vector-im/element-meta/blob/develop/docs/device_management.md. Out of the list in that document, we only consider the following requirements here:

• List all devices logged-in to a user’s account
• Display information about the devices (name, app version, device ID, created date, web/mobile device type)
• Logout single existing devices
• Logout multiple existing devices at once

Minimal changes on the backend will be required for these.

Designs

Figma: https://www.figma.com/file/40ucfibvabgbB1nXvAqxxz/Device-Management-for-EX-%26-MAS?type=design&node-id=97-7629&mode=design&t=HrWqpyBO6v0A0Xez-0

These mock-ups don't reflect the MVP work and will be used as a guideline only.

Compound components will be used where they exist. Due to the time restrictions involved in this project we cannot wait for new components to be created in Compound though. In cases where components have to be built on the MAS side, we've made an agreement to create tracking issues like this one in the Compound repository.

Timeline

We are aiming for the ESS release 23.09.01. The ESS release enters testing on Monday, September 4th, with the public release scheduled for Tuesday, September 12th. We'll need to tag a MAS release with the work we want to include in the ESS release by Friday, September 1st. Critical bug fixing can still happen in the week after.

For dependent projects like EW or Synapse, we need to get things into the RCs for the last release before September 12th.

Tracking

Work on this is tracked on this board. Anything in the To Do column is a requirement for the September 1st deadline. Anything in the Backlog column is nice to have for the deadline.

Scope

The list below is not ordered by priority. Sequencing is reflected in the board only.

• Redirect default authenticated route to home view #1496
• DM: Set default ordering of sessions to latest active #1497
• DM: Add device type to Oauth2Client #1498
• DM: Oauth2 session UI #1499
• DM: Compatibility session UI #1500
• DM: Home page - where you're signed in - OAuth2 sessions #1501
• DM: Home page - where you're signed in - compatibility sessions #1502
• DM: Home page - where you're signed in - browser sessions #1503
• DM: Sign out multiple sessions at once #1504
• Allow user to view and change display name in My Account UI #1491
• DM: Joint device list #1535
• Server-side workaround for https://github.com/vector-im/element-web/issues/25949 #1536
• Change avatar #1542
• API to change avatar #1543
• EW: Use 3PID capability to show / hide email UI in settings element-hq/element-web#25995
• Guide users to MAS UI for changing display name and avatar element-hq/element-web#25996
• DM: Remove "where you're signed in" lists on homepage #1544
• DM: Browser session UI #1545
• Make "Home" page into "Sessions" (or similar) #1546
• Make "Emails" page into "Profile" (or similar) #1547
• Remove Matrix logo from footer #1548
• DM: API for joint device list #1549
• EW: Direct to MAS for sign-out in OIDC-aware mode element-hq/element-web#26000
• DM: Session end deep-link #1550
• DM: Display device type icon #1551
• Friendly error page for invalid client authorization #1489

Time sheeting ⏱️

WEB: Device Manger (Build MAS UI)

[pmaier1]

I'd like to add this #1491 (can't edit OP). We need to give users the ability to change their email addresses, avatar and display name as part of the MVP.

[pmaier1]

I'd like to add the cosmetic parts of this issue to the list: #1569
Basically to make the consent screen a little nicer.

[Johennes]

Closing this off as we have stopped the work a while ago. Any further work will be tracked under https://github.com/vector-im/wat-internal/issues/55.