Monthly quota meter with a tone-colored SVG donut arc, percentage in the middle, used/total request count, and reset countdown.
New here? Read the installation guide.
import { Ai10 } from "@/components/beste/piece/ai10";
<Ai10
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.
Training run card with current epoch, step counter, loss value, and a violet progress bar reflecting completion.