reset-password

Summary

Sets a new password from the token in a reset email.

Raw wireframe

• .context/designs/web/auth/reset-password.html
• .context/designs/web/auth/reset-password-error.html

Why it is drawn this way

The error state is the no-token branch. With no ?token= the page shows "Invalid Reset Link" and a link to request a new one. A bad or expired token is different: the form renders and the failure is a toast.

Show does nothing. Each field has a Show/Hide button passed as rightIcon. input.tsx wraps the right icon in pointer-events-none, so the button cannot be clicked.

Validation is toast-only. "Passwords do not match" and "Password must be at least 8 characters long" are toasts. No field turns red, so there is no field-error face.

"Request New Reset Link" is a plain anchor. It is <a href>, not Link, so it does a full page load.

Related

• reset-password-done
• forgot-password
• login

Sources

• apps/website/src/app/auth/reset-password/page.tsx
• packages/ui/src/components/auth/reset-password-form.tsx
• packages/ui/src/components/ui/input.tsx