Skip to main content

Profile

The Profile page is where the signed-in user manages their own account: their name and email, their display preferences, and their password. The browser tab titles it Settings - Profile.

Menu path: account avatar (upper-right) → the signed-in user's email · URL path: /user/profile

Profile page with Account Information, Preference, and Change Password sections and Update Profile and Change Password buttons

Page Layout​

The page is a single card titled Profile with three sections — Account Information, Preference, and Change Password — followed by two action buttons. The application version is shown in the lower-left corner of the page.

Account Information​

  • First Name
  • Last Name
  • Email

Preference​

  • Theme — a drop-down for the interface theme, with Light and Dark options.
  • Editor Font — a drop-down for editor text size, with Small, Medium, and Large options.

Profile Theme drop-down open, showing the Light and Dark options

Change Password​

  • Current Password
  • New Password
  • Confirm Password

Actions​

  • Update Profile — saves the Account Information and Preference fields. On success the page shows a green Profile updated successfully toast, dismissible with its close button.
  • Change Password — submits the password change. If the Current Password field is empty, the page shows a red error toast reading Please enter your current password.

Profile page showing the green Profile updated successfully toast at the bottom