Workflow Variables

Overview

The Workflow Variables widget gives you a dedicated panel for viewing and editing the variables defined in a workflow. It connects to the workflow store over a live socket, so changes are collaborative -- edits made here are reflected in the editor and vice versa.

Features

• Live variable list -- displays all variables for the active workflow, updated in real time through the collaborative workflow store
• Inline editing -- edit variable names, types, and values directly in the panel; changes propagate immediately to other connected clients
• Add variable -- a + button in the header dispatches a custom WORKFLOW_VARIABLES_ADD_EVENT that creates a new empty string variable in the workflow; the event is scoped to the correct panel and channel so it only affects the target widget instance
• Collaborative sync -- uses useCollaborativeWorkflow under the hood, so additions and edits are broadcast to all users viewing the same workflow
• Workflow selector -- a header dropdown lets you switch between workflows; respects pair-color syncing when linked to an editor

Usage

Adding the widget

Open the widget picker and select Workflow Variables. It loads the variable list for the active workflow in the current workspace.

Header layout

• Center -- workflow selector dropdown
• Right -- add variable button (+)

Key interactions

1. Browse the variable list to see names, types, and current values
2. Click a variable to edit its value inline
3. Click the + button in the header to append a new variable (defaults to type string with an empty value)
4. Changes save automatically and are visible to other collaborators in real time

Pair color syncing

When assigned a pair color, the widget follows the workflow selected in the paired editor. Changing the workflow in the editor refreshes the variable list. When the pair color is gray, you can independently choose which workflow to inspect via the header dropdown.

Related