shadcn.io is not affiliated with official shadcn/ui
Talent Scout Chat Block for React Aria
A recruiter's sourcing thread with one card of six candidates, eight skill toggles under the log that re-rank them in place by how many wanted skills each has, skill dots out of five, availability, a Shortlist toggle on each and a Shortlisted popover.
Installation
Overview
Source people in conversation, with this talent scout chat for React with React Aria. A hairline frame holds a window of fixed height for Scoutwell, a recruiter's sourcing chat: the sourcing partner, Fenella Brockhurst, posts one card in the log that lists six candidates, each with initials, a role, three skills drawn as dots out of five, an availability and a Toggle to shortlist. The eight skills under the log are a Toggle Group of what you want, and the list re-ranks in place by how many of the chosen skills each person has, such as 3 of 4 skills, inside a list of fixed height. The Shortlisted button in the top bar opens a Popover of the people you picked. The composer's Shine Button is the only colored control.
FAQ
What stays in the page, and how do I make it real?
Everything. The six candidates, their skills and availability are typed in this file, the replies come from a short script keyed on words, and the shortlist lives in state. Nothing is sent, no interview is scheduled and no model scores anyone. To wire it for real, replace CANDIDATES with a search of your applicant system and send the shortlist from toggleShort.
How does the ranking work?
A pure helper counts, for each person, how many of the chosen skills are among their three, sorts by that count and keeps the order found for ties. Toggling a skill re-ranks at once and the status line names the best match. The list has a fixed height and scrolls, so the card never changes size.
What does Shortlist do?
It toggles the person into your shortlist, which the top bar counts and its popover lists. It books nothing and contacts nobody.