"The onboarding flow now ships with three new interactive steps."
Inline citation card with a numbered violet circle, a quoted excerpt, and an external link icon with the source path.
The import and the props worth knowing about, in one place.
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.
User wants to rate limit 100 req/min per key.
Leaky bucket gives smoother traffic than fixed window.
Redis INCR with TTL is the simplest implementation.
Collapsible reasoning panel with a brain icon header and italic thought bullets on a left border rail.