Model Comparison

Сравнение ответов нескольких моделей. Pro · ИИ: чат и агенты › Промпт и модели

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add model-comparison

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { ModelComparison } from 'valyro-ui-pro';

Prop	Type	Default
`responses` *	`ModelComparisonResponse[]`		Two to four responses to the same prompt.
`prompt`	`ReactNode`		The prompt, shown above the columns.
`preferred`	`string \| null`		Id of the response the user preferred.
`defaultPreferred`	`string \| null`	`null`	Initial `preferred` when uncontrolled.
`onPreferredChange`	`(id: string \| null) => void`		Called with the new `preferred` when it changes.
`syncScroll`	`boolean`	`true`	Scroll all columns together. Default true.
`layout`	`'auto' \| 'columns' \| 'tabs'`	`'auto'`	`auto` shows columns when each gets at least 220px, tabs otherwise.
`maxHeight`	`number \| string`	`420`	Height of each answer before it scrolls.
`currency`	`string`	`'USD'`	ISO 4217 code for `cost`.
`renderCitation`	`(index: number) => ReactNode`		Turns `[1]` markers into nodes such as `Citation` chips.
`locale`	`string`		BCP 47 locale for numbers; defaults to the ThemeProvider's.
`labels`	`Partial<ModelComparisonLabels>`		Overrides for the built-in English text; keys left out keep their defaults.