Alert Dialog

Radix AlertDialog from the shadcn registry, styled like an EmptyState: a brand tile tilted like the two-cards mark, the display face on the title, copy and buttons centred. It interrupts: role=alertdialog, focus lands on Cancel, Escape cancels, the scrim does not dismiss. Use it for destructive or irreversible confirms; ConfirmationModal is the ready-made version.

Destructive confirm

Bordeaux tile, ghost Cancel, and the red kept for the one button that does the damage. Name the object on the action.

Tones

The tile's tone says what kind of confirm this is: bordeaux destructive, sky neutral, pink for a warm one. Same tones as EmptyState.

Async action

To keep the dialog open while the action runs, preventDefault on the action click and close it yourself.