Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.
The import and the props worth knowing about, in one place.
import { Ai11 } from "@/components/beste/piece/ai11";
<Ai11
label="Thinking"
tone="violet"
/>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.
Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.
Reasoning panel whose numbered steps stagger in once while a thin connector draws down between them, finishing on a final answer row that stays in place.