Components / List Row
List Row
The conversation and list row: a title with an optional badge, a two-line subtitle, and small agent chips. The chats list is the reference consumer.
import { ListRow } from '@layers/ui/list-row'Rendered stock
House rules
- Omit onClick for a non-interactive row; it renders as a plain block with no hover or button affordance, so it never looks tappable.
- chips render as small AgentBadge chips (label plus area accent color); badge is a free slot on the title row for counts or timestamps.
- active marks the selected row; muted grayscales a row until hover for dismissed or archived items.
- The title truncates to one line and the subtitle clamps to two; do not fight that with custom classes.