Inline citation card with a numbered violet circle, a quoted excerpt, and an external link icon with the source path.
"The onboarding flow now ships with three new interactive steps."
New here? Read the installation guide.
import { Ai20 } from "@/components/beste/piece/ai20";
<Ai20
index={3}
source="beste.co/docs/onboarding"
excerpt="The onboarding flow now ships with three new interactive steps."
tone="violet"
/>Summary card with a violet sparkle header, bullet list of key points, and a source attribution below.
You are a concise copywriter. Reply in 2 sentences max and avoid em dashes.
Dashed-border card with a violet scroll icon, uppercase label, and an edit button for the system instructions.
Use INCR with an EXPIRE TTL to build a fixed-window limiter that resets every minute.
docs/guides/rate-limits.mdKnowledge base hit card with a document title, snippet, source path, and an emerald similarity score badge.
Attached image card with a tone-tinted thumbnail tile, a scanning line overlay, filename, dimensions, and detected-object chips.