Cost Estimate

Token and cost breakdown table with input/output rows and a totaled bottom line. Tone highlights the final amount.

Input
1,240$0.0031
Output
528$0.0053
Total
1,768 tok$0.0084

New here? Read the installation guide.

Import & use
import { Ai34 } from "@/components/beste/piece/ai34";

<Ai34
  rows={[
    {
      "label": "Input",
      "tokens": 1240,
      "cost": 0.0031
    },
    {
      "label": "Output",
      "tokens": 528,
      "cost": 0.0053
    }
  ]}
  currency="$"
  tone="violet"
/>

More AI pieces

View all AI
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.

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.

"where is my order?"

order_status
87%
shipping_eta
9%
refund_request
4%

Intent Classifier

Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.

Query
Retrieve
Rerank
Answer

RAG Pipeline

Horizontal pipeline diagram with tone-tinted stage nodes connected by arrows, showing the path from query to answer.

next_tokentop 5
“The capital of France is”
  • “Paris”64.3%
  • “the”18.7%
  • “located”8.1%
  • “also”4.2%
  • “a”2.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.

FastInstant$0.10 / Mtok
Smart2–4s$1.20 / Mtok

Model Comparison

Two model cards side by side showing name, speed, and cost. The selected card gets a primary border and check.