Control Island

Import @prepared911/ui/blocks/control-island from its subpath. Load @prepared911/ui/styles.css once at the document root. ControlIsland is the raised pill at the start of the Navbar. It carries the person's role, queue or channel scope, raise-hand control, and (for Call taker) availability. Pass the roles the person may use; the island renders an Expanding ButtonGroup with per-role content. The raise hand control draws raiseHandIcon while the hand is down and raisedHandIcon while it is raised. The design pairs the outlined hand (hand-alt-outlined) with the filled hand (hand-alt-filled); leave raisedHandIcon out to keep one glyph in both states. Pass every role the person may work in through roles. The island renders one Expanding ButtonGroup; operator content opens beside the selected role segment. Pass only the roles the person may use, in order. Effective role is role ?? defaultRole ?? roles[0].role. One role still renders expanded. Several roles share one Expanding ButtonGroup with accent fill on the selected segment. Supervisor content is the badge only. Call taker adds queue label, dot, raise hand, and optional availability. Dispatcher adds channel label, dot, and raise hand. Omit availability on Call taker to hide the status pill. Choosable statuses are Ready, On Break, and Not Ready (radio menu). On Call and Ringing are host-driven, static, and not in the tab order. Ready uses cool green; On Call uses dusty red; Ringing uses cobalt with a one-time ringingAnnouncement. On Break and Not Ready use transient fills and differ by glyph and label. Toggle Button with aria-pressed, controlled or uncontrolled via raisedHand / defaultRaisedHand. Defaults to Medium (38px island, 30px pills). See the package usage.md for the size table. Place the island in NavbarStart after the brand. See Composition stories for full-header examples.