Prompt playgroundPro

1"use client"
2
3import { PromptPlayground } from "@/components/dashral/blocks/prompt-playground"
4
5export default function Playground() {
6  return (
7    <PromptPlayground
8      models={[
9        { id: "large", name: "Large model", provider: "Your provider", pricePerMillion: 9 },
10        { id: "small", name: "Small model", provider: "Your provider", pricePerMillion: 1.2 },
11      ]}
12      prompt="You are the support assistant for {{company}}. Answer in two sentences."
13      values={{ company: "Acme" }}
14      message="Can I get a refund?"
15      variants={[
16        { id: "a", model: "large", temperature: 0.3 },
17        { id: "b", model: "small", temperature: 0.7 },
18      ]}
19      results={{}}
20      onRun={async (variant, input, stream) => {
21        // Stream your model here: stream.write adds text; stop when stream.signal is aborted.
22        for (const word of `(${variant.model}) You asked: ${input.message}`.split(" ")) {
23          if (stream.signal.aborted) return
24          stream.write(word + " ")
25          await new Promise((resolve) => setTimeout(resolve, 50))
26        }
27        stream.done()
28      }}
29      onPick={(variant) => console.log("winner", variant.model, variant.temperature)}
30    />
31  )
32}