Skip to main content

Docs notes

No pending follow-up notes.

title: “Email & Password” description: “Manage the personal email and password credentials attached to your account”

Your email

The email card uses these labels:
ElementValue
Card titleYour email
Card descriptionUpdate your email
First fieldYour new email
Second fieldRepeat email
Submit buttonUpdate email
The form is shown when your current account already has an email address.
1

Enter the new email address

Fill in the first field with the email address you want to use.
2

Repeat the email address

Enter the same value again in the Repeat email field.
3

Submit the update

Click Update email.
On success, the page shows a success alert explaining that BabySea sent a confirmation email and that you must confirm the new address from your inbox.

Accounts without an email yet

If your account does not already have an email identity, the main Your email card does not show the update form. In that case, add an email address from the Authentication card instead. See Access & data.

Your password

The password card is rendered only when password authentication is enabled in the app configuration.
ElementValue
Card titleYour password
Card descriptionUpdate your password
First fieldNew password
Second fieldRepeat new password
Field hintPlease repeat your new password to confirm it
Submit buttonUpdate password
The password form only renders when your user currently has an email address.

Password update flow

1

Enter the new password

Fill in the New password field.
2

Repeat the password

Fill in the Repeat new password field with the same value.
3

Submit the change

Click Update password.

Reauthentication requirement

If Supabase requires a fresh login before the password can be changed, the form shows this warning alert:
Alert titleAlert description
Reauthentication RequiredYou need to reauthenticate to change your password. Please sign out and sign in again to change your password.
When that alert appears, sign out and sign in again before retrying the password update.

*** Add File: /workspaces/DEV-api-babysea/apps/docs/guides/my-profile/mfa.mdx

title: “MFA” description: “Set up and manage TOTP-based multi-factor authentication for your personal account”

MFA card

The MFA card uses these labels:
ElementValue
Card titleMulti-Factor Authentication (MFA)
Card descriptionProtect your account by adding an extra layer of security
Setup buttonEnable MFA
The current implementation uses a TOTP authenticator flow.

When no MFA factors exist

If you have not enrolled any MFA factor yet, the card shows a simple row with the setup entry point and the Enable MFA button.

Set up MFA

1

Click Enable MFA

Click Enable MFA to open the setup dialog.
2

Set the MFA name

The dialog first asks for MFA name with the hint Use a memorable name, then uses Set MFA name to continue.
3

Scan the QR code

After the factor is enrolled, the dialog shows the heading Scan QR code below and renders a QR code for your authenticator app.
4

Enter the verification code

Enter the 6-digit authenticator code in the OTP input. The form hint is Enter 6-digit code from your authenticator app.
5

Finish enrollment

Click Enable MFA to verify the code and complete enrollment.
On success, the page shows the success toast MFA successfully enrolled.

Existing MFA factors

When one or more factors already exist, the page renders a table with these columns:
ColumnWhat it shows
MFA nameThe factor friendly name
TypeThe factor type badge
StatusThe factor status badge
Action columnThe remove button for unenrollment
The unenroll button uses the tooltip Unenroll this MFA.

Unenroll MFA

To remove a factor:
1

Open the factor action

Click the remove button on the factor row.
2

Confirm unenrollment

The confirmation dialog title is Unenroll MFA and the main action is Yes, unenroll MFA.

*** Add File: /workspaces/DEV-api-babysea/apps/docs/guides/my-profile/access-data.mdx

title: “Access & Data” description: “Manage linked sign-in methods, add credentials, export your data, and delete your personal account”

Authentication methods

The Authentication card uses these labels:
ElementValue
Card titleAuthentication
Card descriptionLink your account to third-party authentication providers
Connected section titleAuthentication methods linked to your account
Connected section descriptionYou have already linked these providers
Available section titleAvailable providers
Available section descriptionConnect your account to other providers

Linked methods

Existing linked identities are shown first. Depending on the identity, each row can show:
Row elementWhat appears
Provider logoThe identity provider icon
Provider nameFor example Google, GitHub, GitLab, Bitbucket, or Email & Password
Secondary textThe linked email address when available
ActionUnlink when the account has more than one linked identity
The unlink confirmation dialog uses these labels:
ElementValue
Dialog titleYou are unlinking this provider.
Confirm buttonUnlink account

Available providers

When account linking is enabled, the second section can show:
EntryWhen it appears
Set email addressWhen your account does not yet have an email identity
Email & PasswordWhen you already have an email identity but do not yet have password sign-in linked
OAuth provider rowsFor currently configured providers such as Google, GitHub, GitLab, and Bitbucket

Add an email address

If Set email address is available, click it to open the email dialog. The dialog uses:
ElementValue
Dialog titleSet email address
Dialog descriptionAdd an email address to your account
Submit buttonSet email address

Add password sign-in

If Email & Password is available, click it to open the password dialog. The dialog title is Email & Password, and it reuses the password form described in Email & password.

Danger zone

The Danger zone card appears only when personal-account deletion is enabled.
ElementValue
Card titleDanger zone
Card descriptionThis action cannot be undone
Main actionDelete account
The visible deletion description says that deleting the personal account also deletes team accounts you own, cancels active subscriptions, and removes associated data.

Delete account flow

The current UI uses OTP verification before the final delete step.
1

Click Delete account

Open the dialog from the Delete account button.
2

Verify by email OTP

The dialog first shows the OTP verification flow with the purpose delete-personal-account.
3

Confirm the deletion

After OTP verification succeeds, the dialog shows the destructive confirmation state and the final action remains Delete account.
The current deletion form does not ask you to type DELETE. It relies on the OTP verification step and the final destructive confirmation button.