Workflow Designer View Controls v2

The floating designer control bar switches between Code and Canvas and exposes controls relevant to the selected view.

Code and Canvas

Control Purpose
Code Opens the editable YAML definition.
Canvas Opens the visual Workflow design.

When you return from Code to Canvas, Console records the valid YAML edit as one Workflow undo entry. Invalid YAML or schema cannot be synchronized into Canvas until corrected.

Canvas layout

Choose one of three layout preferences:

  • Detailed — displays full Step Properties in horizontal Workflow order.
  • Flow — vertical — emphasizes top-to-bottom execution flow with focused Property panels.
  • Flow — horizontal — emphasizes left-to-right execution flow with focused Property panels.

The choice is stored as a Console preference.

Pan and Select

Pan allows the Workflow to be moved by dragging on an empty area. Select steps enables rectangle and multi-Step selection for copy or cut.

Select mode requires browser clipboard support and is disabled for a read-only design. Clipboard permission can also limit selection and paste behavior.

Preview mode

Preview mode changes Property display from authored inputs to evaluated compile-time samples where available. It does not run external Nodes.

Use the separate Preview console tab for a grouped list of every authored Expression and its sample result.

Selection actions

When one or more Steps are selected and clipboard access is available:

  • Copy writes the selected Step definitions to the clipboard.
  • Cut writes them to the clipboard and removes them from the Workflow.
  • Paste inserts clipboard Steps at the add zone nearest the pointer.

Copied Steps can also be pasted through the Add step view. Browser clipboard denial produces a warning and can require a permission change.

Undo and Redo

Undo and Redo operate on the designer's Workflow history, including supported Canvas edits and a completed Code-view edit. They are disabled while Property-structure editing or inference review owns the affected design.

Expand, Home, and Search

  • Expand/collapse toggles all expandable Steps and nested Properties.
  • Home appears when the Canvas is away from its default position or a Step is selected. It centers the selected Step, or returns to the default view when nothing is selected.
  • Search matches Step names and Properties. Search mode highlights matches; supporting panes can offer filter mode.

See also

See Workflow Designer Keyboard Shortcuts, Workflow Canvas, and Code View.