Execution Queue

Очередь и история запусков: прогресс, ETA, превью, отмена и повтор. Pro · Изображения и генерация › Нод-граф

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add execution-queue

npm install valyro-ui-pro

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

Prop	Type	Default
`jobs` *	`readonly ExecutionJob[]`		Every job, any status: pending and running ones show under Queue, the rest under History.
`onCancel`	`(job: ExecutionJob) => void`		Cancel a pending or running job.
`onRerun`	`(job: ExecutionJob) => void`		Queue a finished job again.
`onRemove`	`(job: ExecutionJob) => void`		Drop a finished job from the history.
`onClearQueue`	`() => void`		Cancel everything pending or running; shows a Clear queue button.
`onClearHistory`	`() => void`		Drop finished jobs; shows a Clear history button.
`onOpenOutput`	`(job: ExecutionJob, index: number) => void`		Click on an output thumbnail.
`view`	`'queue' \| 'history'`		Controlled `view`; use with `onViewChange`.
`defaultView`	`'queue' \| 'history'`	`'queue'`	Initial `view` when uncontrolled.
`onViewChange`	`(view: ExecutionQueueView) => void`		Called with the new `view` when it changes.
`locale`	`string`		Time and number formatting, and duration units once the `elapsed` / `eta` / `tookTime` labels are your own (with the built-in English texts durations stay English). Defaults to the ThemeProvider locale.
`labels`	`Partial<ExecutionQueueLabels>`		Overrides for the built-in English text; keys left out keep their defaults.
`actions`	`ReactNode`		Extra controls at the end of the header, e.g. a "Queue prompt" button.