The Subflow Editor atDocumentation Index
Fetch the complete documentation index at: https://docs.encoreos.io/llms.txt
Use this file to discover all available pages before exploring further.
/fw/subflows/:id provides a visual canvas for building reusable workflow fragments. When :id is new, the editor is in creation mode; otherwise it loads and edits an existing subflow definition.
Overview
The Subflow Editor is a full-screen canvas-based editor usingWorkflowCanvas (powered by React Flow). The left sidebar contains a Nodes tab (the NodePalette for dragging node types onto the canvas) and a Settings tab for configuring subflow metadata and defining input/output parameters. The right sidebar shows properties for the selected node via NodePropertiesPanel. Changes to the canvas are debounced and auto-saved.
When creating a new subflow (id === 'new'), the settings tab shows name and description fields. The “Create Subflow” button saves the record and redirects to the subflows list.
Who it’s for
No explicit permission gate on this route. Access control is applied at the data layer. The subflows list and editor are reachable by any authenticated user with an active organization.Before you start
- An organization must be active. If no organization is selected the editor shows a message and is non-functional.
- For new subflows, prepare a name (required) and optionally a description before clicking “Create Subflow.”
Steps
Creating a new subflow:- Navigate to
/fw/subflowsand select “Create Subflow,” or navigate directly to/fw/subflows/new. - In the Settings tab in the left sidebar, enter a Subflow Name (required) and optional Description.
- Define Input Parameters and Output Parameters using the
SubflowParameterEditorin the Settings tab. - Drag nodes from the Nodes tab onto the canvas and connect them.
- Configure node properties in the right sidebar by clicking a node.
- Select Create Subflow. The record is saved and the browser returns to
/fw/subflows.
- Navigate to
/fw/subflows/:id. - The canvas loads the saved node and edge layout. The settings tab shows existing input/output parameter definitions.
- Modify the canvas, node configurations, or parameters as needed.
- Changes are auto-saved after a 1-second debounce. Use “Save Now” to flush immediately.
Key concepts
- Subflow — A reusable workflow fragment with defined input and output parameters. Referenced by parent automations via
subflownode types. - Input/output schema — Structured parameter definitions (
SubflowParameter[]) that declare what data the subflow accepts and returns. usage_count— Displayed on the subflows list; indicates how many times this subflow is referenced.- Auto-save — The editor debounces saves (1-second delay) after any canvas or parameter change. Explicit “Save Now” flushes immediately.
Related
Forms & Workflow
Forms & Workflow core overview.
Governance & parity
This page documents shipped product behavior. It is not medical, legal, or
billing advice. Verify against your organization’s policies and applicable
regulations before using it for clinical, compliance, or billing decisions.
Protected health information (PHI) shown in the product is governed by your
tenant’s access controls and is never exposed in this documentation.
Documentation sources
Documentation sources
- src/routes/fw.tsx
- src/cores/fw/pages/SubflowEditor.tsx
- src/cores/fw/hooks/useSubflowDefinition.ts
- src/cores/fw/hooks/useSubflows.ts
- src/cores/fw/components/SubflowParameterEditor.tsx