password

Summary

The profile page with the change-password form open.

Raw wireframe

• .context/designs/web/settings/password.html

Why it is drawn this way

Same route as Profile. showPasswordForm in password-form.tsx swaps the "Change Password" button for three fields. It is its own file because the closed set of states cannot name it.

Two client checks, both toasts. New password under 8 characters, and new not equal to confirm. Nothing is shown inline, and the current password is not checked before the request.

Both buttons close the form. Update Password collapses it on success; Cancel collapses it and clears the fields. Both link back to profile.

Update Password is the default button. Not primary. Drawn as the plain btn.

No OAuth-only case. The form shows for every user, including one who signed up with Google and has no password.

Related

• profile
• accounts
• toasts

Sources

• apps/website/src/components/profile/password-form.tsx
• apps/website/src/app/settings/profile/page.tsx