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

Step one collects the shared workspace identity and expected scale.

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