Recovery flow

Password reset

AuthShell-composed recovery request, delivery, replacement, expiration, and loading states.

Password recovery

AuthShell constrains request, delivery, replacement, expiration, and submission states while the flow keeps its deterministic Turbo route.

Update

The token stays hidden while replacement fields advertise new-password autocomplete.

ViewportFull width
Rubytest/dummy/app/components/gallery/flows/password_reset_page.rb
render NitroKit::AuthShell.new(
  id: "gallery-password-reset-shell",
  aria: { label: "Nitro password recovery" },
  data: { gallery: "flow-surface", gallery_flow: "password-reset" }
) do
  turbo_frame_tag("gallery-password-reset-frame") { render_screen }
end