# Confirm card

> The card that asks the user before a consequential action or tool goes ahead, and stays as a receipt.

The confirm card asks the user in the conversation before an action with `consequential="confirm"`, or a tool with `consequential: true`, goes ahead. After the answer it stays as a receipt.

![The sheet panel on Orders. The assistant says cancelling Globex's order #1043 needs approval, and a card below reads Cancel Globex's order #1043 with Approve and Deny.](https://superassist.app/_astro/confirm-light.D_9uN-ch.webp)

## Usage

The card shows for every consequential action or tool. From `examples/app/app/orders/page.tsx`:

{/* prettier-ignore */}
```tsx
<AssistedAction
  name="cancel_order"
  id={order.id}
  label={`Cancel ${order.customer}'s order #${order.id}`}
  consequential="confirm"
>
  <Button
    size="sm"
    variant="outline"
    onClick={() => shop.call("cancelOrder", [order.id])}
  >
    Cancel
  </Button>
</AssistedAction>
```

## What the model sees

The action's entry ends with ` (asks first)`, so the model calls it and lets the panel ask. While the card waits, the call has no answer. The card's title is the picked row's label, `Cancel Globex's order #1043`. For a tool it is `question(args)`, or the tool's description without one.

## States

### Approved

![After Approve: the card reads Finished and order 1043 reads cancelled.](https://superassist.app/_astro/confirm-approved-light.Vcbk-W5a.webp)

Approve checks the element again and presses it. The card reads "Approved, running", then "Finished". The call answers `Approved by the user and pressed "Cancel Globex's order #1043".` with the Orders note.

### Declined

![After Deny: the card reads Denied and order 1043 still waits to ship with its Ship and Cancel buttons.](https://superassist.app/_astro/action-declined-light.BgwLPTqK.webp)

Deny presses nothing, and the card reads "Denied". The call answers `The user declined "Cancel Globex's order #1043". That is final: leave it unless they ask for it again.`

When the press fails after approval, the card reads "Didn't go through".

## Props

None. The package renders it for each consequential action or tool, inline in the conversation. Replace it for every one with `cards.confirm` on `AssistedProvider`, see [Swap a card](https://superassist.app/how-to/swap-a-card.md). A tool's own `render` replaces it for that tool. The card carries `data-slot="approval-card"`.

## See also

- [Make an action consequential](https://superassist.app/how-to/make-an-action-consequential.md).
- [Why consequential actions ring](https://superassist.app/explanation/consequential-actions.md).