Users flow

Workspace users

Block-composed paginated user index and search plus detail, empty, loading, error, bulk, outcome, and mobile states.

Workspace users

Paginated index and search, identity detail, empty, loading, failure, bulk action, outcomes, and mobile pressure.

Search

A GET-style labelled search preserves its query through a deterministic middle pagination range.

Search results

Active users matching the current name, email, and status filters.

Clear search

Active user search results, page 3
User	Email	Role	Status	Joined	Action
Ada Lovelace	[email protected]	Owner	Active	February 12, 2024	View
Grace Hopper	[email protected]	Admin	Active	September 03, 2024	View
Dorothy Vaughan	[email protected]	Admin	Active	January 08, 2025	View
Margaret Hamilton	[email protected]	Member	Active	April 19, 2025	View
Mary Jackson	[email protected]	Member	Active	February 14, 2026	View

Showing 11–15 of 37 active users matching “a”

ViewportFull width

WidthPreset

Rubytest/dummy/app/components/gallery/flows/users_page.rb

div(
  data: {
    gallery: "flow-surface",
    gallery_flow: "users",
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  render NitroKit::Container.new(size: :xl, id: "gallery-users-container") do
    render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-users-stack") do
      turbo_frame_tag("gallery-users-frame") { render_screen }
    end
  end
end