Command Palette Search Team Block for React

Edit PEOPLE and TEAMS at the top of the file. A person is a name, a role, a city, an IANA zone (such as "Europe/Oslo") for their clock, a team, a one-line blurb and whether they lead the team. Teams hold a name and what the team owns; its lead, size and cities are worked out from the people.

Everything in an entry: a person's name, role, city and team, a team's name, what it owns and its lead. Case and accents are ignored, so "bergen" finds Ingrid Solheim and "izmir" finds Zeynep Kaya. The matching letters are marked in the name and the role with a light tint, so the words keep their contrast.

The field is a combobox: type to filter, press the down and up arrows to move the highlight through both groups, and Enter to open the highlighted entry. The profile follows the highlight. The palette doesn't take focus when the page loads, so it never steals it from a reader.

It's the visitor's clock read in the person's time zone, shown as hours and minutes in 24 hours and refreshed every half minute. It's read in the browser only, after a "--:--" placeholder, so the server and the page agree on what they first render. Nothing animates.

The header and the hint come first, then the window: the list is a fixed-height scroller and the profile folds under it as a compact row with the avatar, name, role and facts. The roles beside the names are hidden to leave room, but they are still searched and shown in the profile.

It marks the entry as opened in the status line, which is a polite live region ("Opened Camila Rojas."). It doesn't navigate: replace the handler with a link, a router push or a dialog.