Onboarding flow

Workspace onboarding

AuthShell-composed workspace, team, integration, review, resume, validation, loading, and completion steps.

Workspace onboarding

Workspace, team, integration, review, resume, completion, validation, and loading states.

Complete

Completion summarizes exactly what was created.

ViewportFull width
Rubytest/dummy/app/components/gallery/flows/onboarding_page.rb
render NitroKit::AuthShell.new(
  id: "gallery-onboarding-shell",
  aria: { label: "Nitro workspace onboarding" },
  data: {
    gallery: "flow-surface",
    gallery_flow: "onboarding",
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  turbo_frame_tag("gallery-onboarding-frame") { render_screen }
end