Completion stop reason card where the icon color flips per reason (end_turn, stop_sequence, tool_use, max_tokens), with a short hint below the label.
The import and the props worth knowing about, in one place.
import { Ai14 } from "@/components/beste/piece/ai14";
<Ai14
surface="card"
bordered={false}
inverted={false}
label="end_turn"
hint="Response completed normally."
icon="check"
tone="primary"
/>