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.

Workspace-validation

Real validation rejects missing identity and an unsupported size.

Name your workspace

Step 1 of 4

1. Name your workspace
2. Invite your team
3. Connect your tools
4. Review your setup

Workspace details need attention

Workspace name can't be blank, Team size is not included in the list, Integration is not included in the list, Terms must be accepted, and Invitees must contain one email address per line

ViewportFull width

WidthPreset

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