Context Gauge

Context-window card with a tokens-used-of-max readout and a violet-to-fuchsia gradient fill bar.

Context window92.0K / 200K
46% of window in use

New here? Read the installation guide.

Import & use
import { Ai18 } from "@/components/beste/piece/ai18";

<Ai18
  label="Context window"
  used={92000}
  max={200000}
  usageSuffix="of window in use"
  tone="primary"
/>

More AI pieces

View all AI
stream142 tok/s
The quick brown fox jumps over

Token Stream

Live token visualizer with tone-tinted token chips, tokens-per-second rate, and a pulsing caret at the end.

Tokens4,820 / 8,192

Token Counter

Token-usage card with used of total readout and a fill bar that shifts emerald to amber to rose.

support_tickets48,200 rows · 120 MB
train 80%val 10%test 10%

Dataset Card

Dataset summary with row count, total size, and a stacked train/val/test split bar. Tone controls the dataset icon tile and train segment.

Epoch7/10
loss0.0421
step 1,280/2,00064%

Training Progress

Training run card with current epoch, step counter, loss value, and a violet progress bar reflecting completion.

next_tokentop 5
The capital of France is
  • Paris64.3%
  • the18.7%
  • located8.1%
  • also4.2%
  • a2.1%

Top-K Tokens

Debugger-style panel showing the language model's next-token probabilities, with the top candidate highlighted and bars scaled to softmax weight.

42%
Monthly requests4,200 / 10,000resets in 12d

Usage Ring

Monthly quota meter with a tone-colored SVG donut arc, percentage in the middle, used/total request count, and reset countdown.