Token Usage

Отображение затрат токенов. Pro · ИИ: чат и агенты › Токены и контекст

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add token-usage

npm install valyro-ui-pro

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

Prop	Type	Default
`input` *	`number`		Uncached prompt tokens.
`output` *	`number`		Generated completion tokens.
`cached`	`number`	`0`	Prompt tokens served from the cache.
`cost`	`number`		Total cost in `currency`.
`currency`	`string`	`'USD'`	ISO 4217 code. Default USD.
`locale`	`string`		BCP 47 locale for numbers and the cost; defaults to the ThemeProvider's, then the browser's.
`contextWindow`	`number`		The model's context window in tokens; shows how full it is.
`variant`	`'inline' \| 'card'`	`'inline'`	`inline` fits under a message; `card` is the detailed breakdown.
`title`	`ReactNode`		Card heading. Defaults to `labels.title`.
`labels`	`Partial<TokenUsageLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Context Budget Meter — Окно контекста по частям: системный промпт, документы, история, переполнение и что сократить
AI Chat Window — Окно AI-чата
Chat Message — Сообщения с потоковым выводом
Message Branches — Версии сообщения и дерево веток диалога
Streaming Text — Плавный вывод потока токенов
Markdown Preview — Отображение Markdown
Response Feedback — Оценка ответа и рубрика для асессоров
Prompt Composer — Поле промпта с вложениями
Inline Suggestion — Подсказка-автодополнение в поле ввода
Model Selector — Выбор модели ИИ
Model Comparison — Сравнение ответов нескольких моделей
Prompt Library — Библиотека промптов с переменными