Playground
Capstone: put the pipeline together with X-Ray vision
Welcome to the playground
Fully client-side chat simulation. Turn on X-Ray to see context budget, temperature, tool JSON, and next-token probabilities. Nothing leaves your browser.
Chat
12 / 128 tokens
System: “You are a helpful AI assistant.”(12 tokens)
Context usage
12 used128 max (toy)
Settings
Temperature0.5
Context (tokens)128
Next-token probabilities
Send a message to see probabilities
Request payload
{
"model": "demo-simulator",
"temperature": 0.5,
"max_tokens": 150,
"messages": [
{
"role": "system",
"content": "You are a helpful..."
}
]
}Capstone checklist
Click a row to check it off. Auto-checks still fire for chat/tool/temperature flows.
Key Insight
You have walked the full path: tokens fill a context window, the model samples the next token, tools and retrieval ground answers, and agents loop. Use real products with the same skepticism: check grounding, cost, and failure modes.
Check your understanding
1/4What does X-Ray mode help you see?
Sources, scope & review statusVerified Jul 29, 2026
Claims this lesson makes
- Teaching modelThe playground composes deterministic teaching simulators; it does not call a hosted language model.
Primary reading
Next content review: 2027-07-29. Source links establish the lesson's claims; interactive numbers remain labeled simulations unless explicitly identified as measured data.