# AttentionQueue

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](https://unseenui.com/components/run-board/).

## Installation

```bash
npm install @stackunseen/ui
```

## Usage

```tsx
import { AttentionQueue } from '@stackunseen/ui/conversation-flow';
import '@stackunseen/ui/styles.css';
import '@stackunseen/ui/conversation-flow.css';

<AttentionQueue variant="list" items={items} count={count} onOpen={open} />
```

## All props

| Prop | Type | Description |
| --- | --- | --- |
| `count` | `Measurement<number>` | Host-supplied total; the list may be a page of it. |
| `emptyMessage` | `string` |  |
| `items` (required) | `readonly AttentionItem[]` |  |
| `label` | `string` |  |
| `locale` | `string` |  |
| `onDismiss` | `((item: AttentionItem) => void)` |  |
| `onOpen` (required) | `(item: AttentionItem) => void` |  |
| `timeZone` | `string` |  |
| `variant` | `"list" \| "compact"` |  |

## Keyboard

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

## Works with

[RunBoard](https://unseenui.com/components/run-board/), [AgentLanes](https://unseenui.com/components/agent-lanes/), [SubagentTree](https://unseenui.com/components/subagent-tree/), [ExecutionTimeline](https://unseenui.com/components/execution-timeline/), [WorkflowGraph](https://unseenui.com/components/workflow-graph/), [RunCompare](https://unseenui.com/components/run-compare/), [ContextBar](https://unseenui.com/components/context-bar/), [Plan](https://unseenui.com/components/plan/), [AgentSteering](https://unseenui.com/components/agent-steering/), [CostLedger](https://unseenui.com/components/cost-ledger/), [ContextWindowMeter](https://unseenui.com/components/context-window-meter/), [MemoryPanel](https://unseenui.com/components/memory-panel/)

Page: https://unseenui.com/components/attention-queue/