Device management & UI polish in MAS

[matrixbot]

This issue was originally created by @hughns at matrix-org/matrix-authentication-service#1492.

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

Time sheeting ⏱️

WEB: Device Manger (Build MAS UI)

[matrixbot]

This comment was originally posted by @pmaier1 at matrix-org/matrix-authentication-service#1492 (comment).

I'd like to add this matrix-org/matrix-authentication-service#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.

[matrixbot]

This comment was originally posted by @pmaier1 at matrix-org/matrix-authentication-service#1492 (comment).

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

[matrixbot]

This comment was originally posted by @Johennes at matrix-org/matrix-authentication-service#1492 (comment).

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.