Assignee Picker | Zyeon UI

Preview in your theme

Click the trigger (or press ↓ on it) and the panel opens with focus in the search field: type 'ros' or '@yuki' to filter, ↑/↓ walk the rows without ever leaving the input, Enter commits, Esc clears the query before it closes the panel, and Backspace on an empty query takes back the assignee you added last. 'Unassigned' is a real row — search 'none' and it is still there. Priya is online and still refuses to be assigned, with the reason printed on her row.

onValueChange(["u-ada"]) → Ada Lovelace

multiple + a 14-person seeded directory. Four people are assigned: three faces stack on the trigger, the fourth becomes a +1 chip, and the text says '4 assigned' — the faces answer who, the text answers how many, so the two numbers never disagree. The list scrolls at this length and the active row is kept in view; every fifth person is a guest account that says so on its row.

Degenerate data: a 43-character service-account name and a handle longer than the control (both wrap instead of widening the panel), a blocked person whose API forgot to send a reason (the component supplies one), an avatar URL that 404s and falls back to initials, a one-character name, a recent-id pointing at somebody who already left (skipped, not rendered as a ghost) — and a committed id that is not in the directory at all, which is surfaced under the trigger instead of being quietly dropped.

This assignee is no longer in the directory: ghost-user-4821. Pick someone else, or choose Unassigned.

status='ready' — the directory, uncontrolled, with nobody assigned yet.

status='empty' — a workspace with no assignable people. A different sentence from 'the request failed', and it offers a way out.

Nobody to assign yet

Only people with access to this project can be assigned to it.

status='loading' — a placeholder the same size as the real trigger, aria-busy, one polite line.

status='error' — the directory request failed. role=alert, the request id survives the line break, retry is yours.

Could not load people

GET /v1/workspace/members timed out after 10s. request-id: 4c81-be2f

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro