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.

Loading

Final confirmation and submission stay visible but disabled.

Review your setup

Step 4 of 4

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

Workspace: Analytical Engines — Research and Production
Team size: Up to 20 people
Invitations: [email protected] and [email protected]
Integration: Github

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