CFX UI sandbox

Roster

An Admin actor: two Owners above their reach, one disabled member, their own row unmanageable, and three profile pictures plus one that 404s back to initials. 30 rows at 25 per page, so page 2 is a real 5-row remainder.

30 members, Admin actor

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active
Ada Hopperada.hopper@acme.co		Active
Ada Hopperada.hopper@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Barbara Turingbarbara.turing@acme.co		Active
Barbara Turingbarbara.turing@acme.co		Active
Barbara Turingbarbara.turing@acme.co		Active
Claude Perlmanclaude.perlman@acme.co		Active
Claude Perlmanclaude.perlman@acme.co		Active
Claude Perlmanclaude.perlman@acme.co		Active
Donald Hamiltondonald.hamilton@acme.co		Active
Donald Hamiltondonald.hamilton@acme.co		Active
Donald Hamiltondonald.hamilton@acme.co		Active
Edsger Johnsonedsger.johnson@acme.co		Active
Edsger Johnsonedsger.johnson@acme.co		Active
Edsger Johnsonedsger.johnson@acme.co		Active
Grace Dijkstragrace.dijkstra@acme.co		Active
Grace Dijkstragrace.dijkstra@acme.co		Active
Grace Dijkstragrace.dijkstra@acme.co		Active
Katherine Lovelacekatherine.lovelace@acme.co		Active
Katherine Lovelacekatherine.lovelace@acme.co		Active
Katherine Lovelacekatherine.lovelace@acme.co		Active
Margaret Shannonmargaret.shannon@acme.co· Disabled		Disabled

1–25 of 30Page 1 of 2

Search matches name and email. Filtering resets to page 1 and the count reads "of N matching"; sorting reorders the same set and leaves the count alone.

Empty states

Three different facts, told apart rather than collapsed into one line. Only the no-matches one has a way out of itself.

No matches

Member	Role	Status	Actions
No members match these filters.

A filter that matched nothing — distinct from an empty workspace, and offering the way back.

No members yet

Member	Role	Status	Actions
No members yet.

Nothing is filtered, so there is nothing to clear — the table says so and stops.

Page past the end

Member	Role	Status	Actions
No members on this page.

Page 4 of 2

A bookmarked ?page=4 against a roster that has since shrunk. The pager stays, so Previous is reachable.

Permission shapes

The actions column is driven entirely by each row's own assignableRoles / canChangeStatus / canRemove — a viewer without team/role:w or team/remove:w never receives a row that allows any of them.

Read-only viewer

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active
Grace Dijkstragrace.dijkstra@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Katherine Lovelacekatherine.lovelace@acme.co		Active
Edsger Johnsonedsger.johnson@acme.co		Active
Margaret Shannonmargaret.shannon@acme.co· Disabled		Disabled
Claude Perlmanclaude.perlman@acme.co		Active
Barbara Turingbarbara.turing@acme.co		Active

1–8 of 8

team:r only — no row has an assignable role, canChangeStatus or canRemove, so no row renders a menu.

Single member (just you)

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active

1–1 of 1

You can't reassign or remove yourself, so the actions column is empty even though you're an Admin.

Pending invites

No pending invites

PendingInvitesTable renders null — no heading, no empty-state row.

Three pending invites

Email	Expires	Invited by
sam.rivera@acme.coMemberExpired	Expired	ada.hopper@acme.co
priya.desai@acme.coAdminExpired	Expired	ada.hopper@acme.co
morgan.lee@acme.coOwnerExpired	Expired	grace.dijkstra@acme.co

The invite to Owner is above the Admin actor's reach, so it has no Revoke action.

Invite a member

InviteMemberDialog

Try "taken@acme.co" — the fixture rejects it with "That user is already a member."

Failure state

Role change always fails

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active
Claude Perlmanclaude.perlman@acme.co		Active

1–2 of 2

Row menu → Change role → Change role — every attempt fails with "Something went wrong — try again."

320px width

MembersTable in a 320px column

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active
Grace Dijkstragrace.dijkstra@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Katherine Lovelacekatherine.lovelace@acme.co		Active
Edsger Johnsonedsger.johnson@acme.co		Active

1–5 of 5

Role and status drop out, and nothing is lost on the way down: they fold into the member's line. The actions menu never scrolls off.

Filter bar and table in a 320px column

Member	Role	Status	Actions
Ada Hopper (you)ada.hopper@acme.co		Active
Ada Hopperada.hopper@acme.co		Active
Ada Hopperada.hopper@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active
Alan Liskovalan.liskov@acme.co		Active

1–5 of 30Page 1 of 6

The bar wraps rather than scrolling: the search field takes the first line on its own and the two selects and the direction toggle fall to the second. Filter it down to nothing to see the no-matches state at this width.

No matches in a 320px column

Member	Role	Status	Actions
No members match these filters.

The message wraps and the Clear filters button stays inside the column.

Team