Interface blocks

The block palette in the Interface tab groups blocks into three categories: Input, Display, and Interactive. Drag a block onto the grid or click it to add it. Each block is backed by an interface node on the canvas, so you can wire workflow data into it.

Block palette showing all interface block types — The block palette with Input, Display, and Interactive categories

Input blocks

Block	What it does	Key configuration
Form	A multi-field form that is also a persistent value store. Values edited in the block are saved with the workflow and output on every run, so downstream nodes can reference them as `{{node-id.field_name}}` even without a submission. Submitting starts a workflow run from the form node, and the public Form URL (the Copy link button on the block header) lets anyone submit it from a hosted page. See Forms.	Form Fields: each field has a name (used in references), type (`string`, `number`, `boolean`, `object`, `array`, `list`, `select`, `schedule`, `credential`, `file`), label, description, required flag, options for select fields, and a default value. Form Title and Form Description appear on the hosted page.

Display blocks

Block	What it does	Key configuration
Multimedia	Shows any file and picks the right viewer for it: an image, an audio waveform, a video player, a PDF, or a download card. It detects the kind from the file’s type. After a run, the URL from the connected node’s output takes priority; otherwise it shows the configured source or an uploaded file.	Source URL, File Name, or an uploaded file (drag and drop onto the block).
Table	Tabular data grid (AG Grid). Shows a saved dataset, data from an upstream node, or inline JSON rows.	Data (inline JSON array or a reference to upstream output), or a dataset picked from your workflow resources.
HTML / React	Renders custom HTML or a React/JSX component with Tailwind, npm packages, and SDK access. Fullscreen by default.	Content (HTML mode) or JSX Source (React mode), Fullscreen (Yes/No). See Custom components.

Interactive blocks

Block	What it does	Key configuration
File Upload	Drop zone with a file picker. Uploaded files are stored as workflow resources, and their resource IDs are available to the workflow. Each file is listed with its size, a Copy link button for its permanent URL, and a button to remove it.	Accepted Types, Max Size (MB) (default 10).

Every upload surface shows how far a transfer has got, as a percentage and a bar: the File Upload and Multimedia blocks, form file fields, the agent chat composer, and the media pickers in a node’s config panel. If an upload fails, the row says why instead of spinning. A single file can be up to 100 MB.

There is one more block that never appears in the palette: Agent Chat. New AI agents appear here as a fullscreen chat tab by default. Toggle Show in Interface on an agent node (or click the Chat pill on the node) to control whether it shows. The chat takes image and file attachments from the paperclip button, a paste, or a drag and drop onto the composer. It sizes itself to the space it has rather than the window, so when a builder drawer or a split view is open, or you are on a phone, its header buttons collapse to icons and Settings opens as a sheet over the chat instead of narrowing it. See AI agents.

Introduction

Features

Tips & Tricks

Interface blocks

Input blocks

Display blocks

Interactive blocks

​Input blocks

​Display blocks

​Interactive blocks

Input blocks

Display blocks

Interactive blocks