Skip to content

Integrations

Integrations are visual data flows inside a workspace. Each integration has a flow designer (step graph), run history, and optional API triggers.

Integrations list

Navigate to /workspaces/:workspaceId/integrations.

Integrations list with create button
Integrations list — all flows in the workspace with status and last run info.

Create an integration

  1. Click Create integration.
  2. Enter a Name and optional Description.
  3. Click Create.
Create integration dialog
Create integration — name your flow before opening the designer.

You are redirected to the integration detail page with an empty flow containing a Trigger step.

Integration detail

Route: /workspaces/:workspaceId/integrations/:integrationId

The detail page has two tabs:

TabPurpose
DesignerVisual flow canvas and step configuration
RunsRun history with links to run detail
Flow designer with canvas, palette, and config panel
Flow designer — palette (left), canvas (center), step config (right).

Designer toolbar

ActionDescription
SavePersist the current flow definition
Run nowSave and execute the flow with trigger input
Auto-layoutArrange nodes using dagre layout
ZoomZoom in/out and fit view
JSON previewToggle raw flow definition JSON

Flow designer areas

  1. Palette — drag step types onto the canvas (grouped: Core, Logic, Integration, Utility)
  2. Canvas — Vue Flow graph with nodes and edges
  3. Config panel — edit the selected step's settings
  4. JSON preview — inspect the serialized definition

Runs tab

Switch to Runs to see execution history.

Integration runs tab with run history table
Runs tab — status, duration, and timestamp for each execution.

Click a run to open the run detail page.

Run detail

Route: .../integrations/:integrationId/runs/:runId

Flow run detail with step timeline
Run detail — step-by-step input, output, errors, and duration.

Each step shows:

  • Input payload (resolved templates)
  • Output or error message
  • Duration in milliseconds
  • Status badge (success, failed, skipped)

Click a step to expand the side panel with formatted JSON.

Step types

Uniflect supports 15 flow step types. See the Step types section for detailed documentation on each.

CategorySteps
CoreTrigger, JavaScript
LogicCondition, For each, Parallel, Subflow
IntegrationHTTP, Connector, Email, Database
UtilityMapping, Delay, Set variable, Log, Spreadsheet to JSON

Guides in this section

Template variables

Steps reference data using template syntax:

PathMeaning
{{trigger.input}}Payload passed when the flow runs
{{steps.<stepId>}}Output of a prior step
{{vars.<key>}}Variable set by a Set variable step
{{parent.steps.<stepId>}}Parent flow step (inside nested subflows)

Permissions

  • MEMBER and above: create, edit, run integrations
  • VIEWER: read-only designer (no save or run)

Next steps

Documentation for Uniflect v1.0.0 (latest)