Node Inspector

Selected node properties: title, color, mode, parameters, ports. Pro · Image generation › Node graph

Properties of the selection in a NodeCanvas: title, color, mode, widget values, ports and node info. With several nodes selected it edits mode and color for all of them.

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add node-inspector

npm install valyro-ui-pro

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

Props

Prop	Type
`editor` *	`NodeGraphEditor`	The `useNodeGraph` state the canvas shows: the inspector edits its selection.
`execution`	`Readonly<Record<string, NodeExecutionState>>`	Run state per node id, as passed to the canvas.
`portTypes`	`PortTypeStyles`	Colours and names of socket types, as passed to the canvas.
`locale`	`string`	Number formatting in widgets. Defaults to the ThemeProvider locale.
`labels`	`Partial<NodeInspectorLabels>`	Overrides for the built-in English text; keys left out keep their defaults.
`widgetLabels`	`Partial<NodeWidgetLabels>`	Strings of the widget controls (seed modes, image upload…).

Related components

Node Canvas — Infinite node canvas: typed ports, links, groups, minimap, graph execution
Node Library — Node palette: fuzzy search, categories, favorites, drag onto the canvas
Execution Queue — Run queue and history: progress, ETA, previews, cancel and retry
Prompt Editor — Prompt and negative prompt: weights, LoRA, autocomplete, token count
Generation Settings — Model, sampler, steps, CFG, size, presets
Aspect Ratio Picker — Aspect ratio and exact size
Seed Input — Seed: random, fixed, increment
LoRA Stack — LoRA stack: strengths, toggles, order, trigger words
Style Presets — Style cards with previews and weights
Reference Image Input — Reference image for img2img and ControlNet
Generation Progress — Steps, ETA, live latent preview, queue
Image Result Grid — Result gallery with actions and a lightbox

Previous: Node Library · Next: Execution Queue · All Image generation