Team operations flow

Team management

Block-composed member inventory, invitation, role, removal, outcome, density, and mobile states.

Team members and invitations

Inventory, search, invitation, access changes, removal, recovery, density, and mobile pressure.

Mobile

The member inventory remains semantic inside a narrow overflow surface.

ViewportFull width
Rubytest/dummy/app/components/gallery/flows/team_management_page.rb
div(
  data: {
    gallery: "flow-surface",
    gallery_flow: "team-management",
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  render NitroKit::Container.new(size: :xl, id: "gallery-team-container") do
    render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-team-stack") do
      turbo_frame_tag("gallery-team-management-frame") { render_screen }
    end
  end
end