Mini code viewer for a structured response, with a filename header, copy button, and a preformatted JSON preview body.
{
"answer": "Use Redis INCR",
"sources": 3,
"latency_ms": 420
}New here? Read the installation guide.
import { Ai43 } from "@/components/beste/piece/ai43";
<Ai43
filename="response.json"
content="{
\"answer\": \"Use Redis INCR\",
\"sources\": 3,
\"latency_ms\": 420
}"
/>Masked API key field with a show/hide eye toggle and a copy button, tagged with the env var name.
const slug = (s: string) => s.toLowerCase().replace(/\s+/g, '-');
AI code output card with a language tag, copy and regenerate actions, and a monospace block below.
The smoothest cup of the morning starts with beans roasted just last
Partial assistant reply bubble with a blinking block cursor on the trailing character.
Vector embedding visualizer with a zero baseline, positive values drawn upward in the tone color and negatives drawn downward in muted.