ValyroUI Русская версия

Execution Queue

Run queue and history: progress, ETA, previews, cancel and retry. Pro · Image generation › Node graph

Queue and history of graph runs: per-job status, progress, elapsed time and ETA, output thumbnails, cancel / re-run / remove, and clearing either list.

Installation

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';

Props

PropTypeDefault
jobs *readonly ExecutionJob[]Every job, any status: pending and running ones show under Queue, the rest under History.
onCancel(job: ExecutionJob) => voidCancel a pending or running job.
onRerun(job: ExecutionJob) => voidQueue a finished job again.
onRemove(job: ExecutionJob) => voidDrop a finished job from the history.
onClearQueue() => voidCancel everything pending or running; shows a Clear queue button.
onClearHistory() => voidDrop finished jobs; shows a Clear history button.
onOpenOutput(job: ExecutionJob, index: number) => voidClick on an output thumbnail.
view'queue' | 'history'Controlled view; use with onViewChange.
defaultView'queue' | 'history''queue'Initial view when uncontrolled.
onViewChange(view: ExecutionQueueView) => voidCalled with the new view when it changes.
localestringTime 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.
labelsPartial<ExecutionQueueLabels>Overrides for the built-in English text; keys left out keep their defaults.
actionsReactNodeExtra controls at the end of the header, e.g. a "Queue prompt" button.

Related components

Previous: Node Inspector · Next: Code Block · All Image generation