RenewCMS/docs/design/screens/profile.md

Profile

Route: /profile. API: GET /v1/auth/me · PATCH /v1/user/me (pending) · POST /v1/auth/password-reset.

Opened from the account menu at the bottom of the sidebar. Username, email and password are read-only. The display name is optional, trimmed, and up to 60 characters. Once saved it replaces the username everywhere a person is named: the sidebar, the account menu, the Home greeting, the Users list (with the username beside it) and the emails RenewCMS sends, such as "Marta Alves invited you to RenewCMS". Saving it empty goes back to the username. The reset link uses the same flow as "Forgot password" and ends on the auth board's "Choose a new password" screen.

Visual reference: RenewCMS Screens Back-office.dc.html, groups "Profile". Frames: AppFrame.dc.html (shell, sidebar, topbar, drawer) plus the screen frame where listed in components.md.

Copy per state (generated from the board source, pass 2)

Every state below is drawn in light and dark (theme switch on the board), at 1440×900 and 390×844 (both frames sit side by side). Board: RenewCMS Screens Back-office.dc.html. Copy is exact; where a cell is empty the state reuses the fixed copy.

Fixed copy in the frame

• Profile
• Your account on this RenewCMS workspace.
• Display name
• Shown instead of your username across the back-office and in the emails RenewCMS sends. Leave it empty to use your username.
• (optional)
• Account
• Set when your account was created. You log in with your username, even after adding a display name.
• Username
• marta
• Email
• marta@renew.example
• Password
• To change it, we'll email a reset link to marta@renew.example. The link works once, within 1 hour.

Profile (group "Profile", 13 states)

Route: /profile. API: GET /v1/auth/me · PATCH /v1/user/me (pending) · POST /v1/auth/password-reset.

Opened from the account menu at the bottom of the sidebar. Username, email and password are read-only. The display name is optional, trimmed, and up to 60 characters. Once saved it replaces the username everywhere a person is named: the sidebar, the account menu, the Home greeting, the Users list (with the username beside it) and the emails RenewCMS sends, such as "Marta Alves invited you to RenewCMS". Saving it empty goes back to the username. The reset link uses the same flow as "Forgot password" and ends on the auth board's "Choose a new password" screen.

#	State	Trigger	Copy
1	Account menu	The account chip at the bottom of the sidebar. On mobile, the account row in the navigation drawer opens it as a sheet. Escape or a click outside closes it.	"Here's where things stand on your site."
2	Loading	Opened directly by URL before /auth/me has returned. From the menu, the cached user renders straight away.
3	Default, no display name	The usual first visit. The username is used everywhere.
4	Editing	Typing in the field. Save turns on, and leaving the page asks for confirmation.
5	Too long	Over 60 characters. Checked as you type, and Save stays off.	"Marta Alves, Head of Renovations, Brussels and Wallonia office" / "Use 60 characters or fewer."
6	Saving	Save, or Enter in the field. The field is disabled.
7	Saved	200: the sidebar and account menu switch to the display name at once, and a toast confirms.	"Display name saved" / "You now appear as Marta Alves across RenewCMS and in emails."
8	Save failed	500 or network failure. The typed value is kept.	"Couldn't save your display name. Your text is still here. Try again in a moment."
9	Reset: sending	"Send reset link". No confirmation, since it only sends an email.
10	Reset: sent	200. The message stays until the page is left. "Send again" sends a new link and the old one stops working.
11	Reset: too many requests (429)	Rate limited. The button is disabled for 5 minutes.
12	Reset: failed	500 or network failure. The button can be pressed again.
13	Display names in the Users list	The Display name column shows the name when one is set and a dash when not. Your own row follows your saved name.