Response blocked for containing targeted insults.
Moderation card with a rose shield icon, category label, severity pill, and the reason the output was blocked.
The import and the props worth knowing about, in one place.
import { Ai30 } from "@/components/beste/piece/ai30";
<Ai30
category="Harassment"
reason="Response blocked for containing targeted insults."
severity="high"
/>Safety guardrail card with an emerald shield, active status pill, and a row of enabled policy tags.
"where is my order?"
Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.
const slug = (s: string) => s.toLowerCase().replace(/\s+/g, '-');
AI code output card with a language tag, copy and regenerate actions, and a monospace block below.
Summary card with a violet sparkle header, bullet list of key points, and a source attribution below.