Stop Reason

Completion stop reason card where the icon tile color flips per reason (end_turn, stop_sequence, tool_use, max_tokens) and shows the token count.

end_turn248 / 1,024
Response completed normally.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Ai14 } from "@/components/beste/piece/ai14";

<Ai14
  label="end_turn"
  hint="Response completed normally."
  icon="check"
  tone="emerald"
  tokens={248}
  maxTokens={1024}
/>