Generation Progress

Шаги, ETA, живое латентное превью, очередь. Pro · Изображения и генерация › Результаты и правка

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add generation-progress

npm install valyro-ui-pro

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

Пропсы

Prop	Type	Default
`status`	`'queued' \| 'running' \| 'done' \| 'cancelled' \| 'error'`	`'running'`	Job state; sets the icon, the bar (indeterminate while `queued`) and the line under the heading.
`step`	`number`	`0`	Sampling steps completed, clamped to 0–`totalSteps`.
`totalSteps`	`number`	`30`	Sampling steps in the job; the bar fills as `step / totalSteps`.
`queuePosition`	`number`		Position in the queue while `queued` (1 = next).
`eta`	`number`		Seconds left. Omit to estimate from the pace of the steps.
`previewSrc`	`string`		Latent preview image from the backend (e.g. TAESD). Without it a procedural preview sharpens from `prompt` + `seed`.
`prompt`	`string`		Prompt the procedural preview is painted from. The preview shows only when this or `previewSrc` is set.
`seed`	`number`	`0`	Seed of the procedural preview.
`width`	`number`	`1024`	Size of the generation; sets the preview aspect ratio.
`height`	`number`	`1024`	Height of the generation; with `width` sets the preview aspect ratio.
`title`	`ReactNode`		Heading next to the status, e.g. the prompt or a job name.
`message`	`ReactNode`		Error details when `status` is `error`.
`onCancel`	`() => void`		Adds a Cancel button while the job is queued or running; called when it is clicked.
`onRetry`	`() => void`		Adds a Retry button to a failed or cancelled job, in its row; called when it is clicked.
`variant`	`'inline' \| 'overlay'`	`'inline'`	`inline` is a row for lists and sidebars; `overlay` covers its positioned container with the preview.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`labels`	`Partial<GenerationProgressLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Generation Progress

Установка

Пропсы

Похожие компоненты