AttentionQueue

Markdown

The ordered list of approvals, questions, handoffs and failures waiting on a person.

Use it for
Everything waiting on a person, in order.
Not for
All runs including those that need nothing. Try RunBoard.

AttentionQueue preview

Loading example…

Installation

npm install @stackunseen/ui
import { AttentionQueue } from '@stackunseen/ui/conversation-flow';
Styles: @stackunseen/ui/styles.css and @stackunseen/ui/conversation-flow.css

Usage and props

Import this component from @stackunseen/ui/conversation-flow. Load @stackunseen/ui/styles.css first, then @stackunseen/ui/conversation-flow.css.

It lists items; opening one shows the right control to act on it. The count comes from your server and says so when it isn’t known.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

items: AttentionItem[] · count? · onOpen · onDismiss? · label?
How state and callbacks work
All props

Loading…

For your coding agent

Give the agent this page instead of a screenshot. The prompt wraps the page with the install and import lines and the rule that your server, not a click, completes an action.

Contract
items: AttentionItem[] · count? · onOpen · onDismiss? · label?
Keeps honest
It lists items; opening one shows the right control to act on it. The count comes from your server and says so when it isn’t known.
MCP
read_component "AttentionQueue" on the docs endpoint
Open the Markdown file

Keyboard and customization

Keyboard

Arrow keys move between items; Enter opens; Dismiss is a separate button.

Customization

Change shared colors, spacing, corners and icons with the theme. Use the component's supported props to adapt its content and layout. Customization guide and Theme Studio