Advanced

Settings Detail

Learn advanced features on the settings page, including form validation, password strength indicator, and account deletion process with OTP

Settings Detail

Screenshot: Settings Detail

About Settings Detail

The Settings page has 3 main sections with various validation and security features. Each section has different processes and validations.

1

Profile Section Detail

Name Field (Editable)

  • Validation: Required, minimum 2 characters
  • Real-time: Validation on blur (onblur event)
  • Error Display: Error message displayed below field
  • API Endpoint: PUT /user/profile
  • Update Store: User store updated after success

Email Field (Read-only)

  • Display: Displayed with envelope icon and gray background
  • Locked: Cannot be changed for account security
  • Hint: Shows message "Email cannot be changed for account security"

Save Button

  • State: Disabled while updating (isUpdatingProfile)
  • Loading: Shows spinner and "Saving..." text during process
  • Success: Toast success message after successful update
2

Security Section Detail

Current Password Field

  • Validation: Required, validation on blur
  • Purpose: Verify that user is account owner
  • Strength Indicator: Not displayed (showStrength=false)

New Password Field

  • Validation: Required, minimum 8 characters, validation on blur
  • Strength Indicator: Displayed while typing (showStrength=true)
  • Real-time: Strength indicator updates in real-time

Confirm Password Field

  • Validation: Required, must match new password, validation on blur
  • Error Message: Shows "password_mismatch" if not matching
  • Strength Indicator: Not displayed

Update Process

  1. Validate all fields (current, new, confirm)
  2. Send request to API: PUT /user/password with current_password and new_password
  3. Clear all fields after success
  4. Show toast success message
3

How to Delete Account

For your security, the account deletion process requires 2 verification steps:

Step 1: Password Confirmation

  • • Click "Delete Account" button in the Danger Zone section
  • • Enter your account password for verification
  • • Password field cannot be empty
  • • Click "Send OTP" to continue
  • • System will send an OTP code to your email

Step 2: OTP Verification

  • • Check your email and copy the 6-digit OTP code
  • • OTP code is only valid for 5 minutes
  • • Enter the OTP code in the provided form
  • • The "Delete Account" button will activate after you enter all 6 digits
  • • You have a maximum of 3 attempts to enter the correct OTP

After Account Deletion

  • • You will see a success notification
  • • System automatically logs you out and redirects to the homepage
  • • All your data will be permanently deleted, including:
  • • All agents you created
  • • All knowledge bases and actions
  • • All conversation history
  • • Profile information and settings

Important Warning: Account deletion process CANNOT BE UNDONE. Make sure you backup all important data before deleting account.

4

Form Validation Details

Profile Name Validation:

  • Required: Cannot be empty
  • Min Length: Minimum 2 characters after trim
  • Trim: Whitespace trimmed before validation and save
  • Error Key: validation.required or validation.min_length

Password Validation:

  • Current Password: Required, no length validation
  • New Password: Required, minimum 8 characters
  • Confirm Password: Required, must match new password
  • Error Keys: validation.required, validation.password_min, validation.password_mismatch
5

Password Strength Indicator

Password strength indicator is only displayed on New Password field to help users create strong passwords:

Strength Indicator Features:

  • Real-time: Updates as user types
  • Visual Feedback: Shows strength level with colors (weak/medium/strong)
  • Location: Only on New Password field, not on Current or Confirm

Tips & Best Practices

Password Security

Use strong passwords with combination of uppercase, lowercase, numbers, and symbols. Pay attention to password strength indicator when creating new password.

Regular Updates

Change password regularly (every 3-6 months) to maintain account security. Don't use the same password as other services.

Delete Account Warning

Before deleting account, make sure you backup all important data. Ensure your email is active to receive OTP.