Monthly quota meter with a tone-colored SVG donut arc, percentage in the middle, used/total request count, and reset countdown.
The import and the props worth knowing about, in one place.
import { Ai10 } from "@/components/beste/piece/ai10";
<Ai10
surface="card"
bordered={true}
inverted={false}
label="Monthly requests"
used={4200}
quota={10000}
resetsIn="resets in 12d"
tone="violet"
/>Token-usage card with used of total readout and a fill bar that shifts emerald to amber to rose.
Dataset summary with row count, total size, and a stacked train/val/test split bar. Tone controls the dataset icon tile and train segment.
Context-window card with a tokens-used-of-max readout and a violet-to-fuchsia gradient fill bar.
Horizontal pipeline diagram with tone-tinted stage nodes connected by arrows, showing the path from query to answer.