Skip to main content
The Dependency Graph screen renders an interactive node-edge visualization of relationships between Forms & Workflow entities and is available at /fw/settings/dependency-graph.

​
Overview

This admin screen uses the @xyflow/react library to render a graph where nodes represent FW entities (form, form_field, workflow, automation_rule, decision_table, event, lookup_config) and edges represent dependency relationships, loaded via useDependencyGraph. Node colors are mapped by entity type using semantic CSS variables. A search input filters the visible nodes. The graph includes pan/zoom controls and a minimap. A hard cap of 300 nodes is enforced in buildGraphElements.

​
Who it’s for

Requires permission: fw.dependencies.view.

​
Before you start

  • Hold fw.dependencies.view to access this screen.
  • Large organizations with many entities may be capped at 300 nodes in the visualization.

​
Steps

1

Open Dependency Graph

Navigate to /fw/settings/dependency-graph.
2

Search for an entity

Type in the search input to highlight matching nodes.
3

Explore the graph

Pan, zoom, and click nodes to explore entity relationships.
4

Use the minimap

The minimap at bottom-right provides orientation in large graphs.

​
Key concepts

  • Entity types — form, form_field, workflow, automation_rule, decision_table, event, lookup_config.
  • Node cap — maximum 300 nodes rendered at once; the graph is truncated for very large dependency sets.

Forms & Workflow

Forms & Workflow core overview.

Governance & parity

Documentation coverage and governance.
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.
  • src/routes/fw.tsx
  • src/cores/fw/pages/DependencyGraphPage.tsx