Queue

Queue is a disclosure section for work that is waiting: messages queued while an agent works, todos, pending tasks. The header carries an optional icon, a label and a tally; the entries sit beneath it. Callers pass the entries as data, and the component owns the layout. Queue is flat: no border and no padding, so it sits inside a conversation without a frame. Collapsible, which it composes, draws a bordered card; Queue removes the border and padding in its own stylesheet. The whole header row is one button. It is named by the label and the tally, for example "Queued 4", and aria-expanded carries open or closed, so Queue takes no "Collapse" or "Expand" copy. The tally defaults to the number of entries. Pass count to show another number, such as the entries still to do. It is a number the caller owns, so it is not recounted from completed. Name each action for what it does to its subject when two entries share the same action ("Remove message"), so a screen reader list of buttons is not a wall of "Remove". On a hover-capable fine pointer the actions are hidden until the row is hovered or has keyboard focus within, so a long queue does not read as a wall of buttons. They keep their space, so revealing them moves nothing. On touch they are always shown. Pressing an action runs its handler and never collapses the section. Without maxHeight the section grows with its entries. With maxHeight the entries stop at 96, 128 or 256px (QueueMaxHeight.Small, Medium, Large) and scroll. A list shorter than the cap takes its own height. Uncontrolled by default and open. Pass defaultOpen={false} to start collapsed, or open and onOpenChange to control it. onOpenChange(open, details) is cancelable. Reordering, selection, per-entry progress, an entry onClick, and markdown in an entry.