Flow Preview
The Preview tab renders an interactive visual diagram of the flow, letting you navigate its structure, search for elements, and inspect individual nodes in detail.
Overview
When you open a flow and land on the Preview tab, Brobench converts the flow metadata into a Mermaid diagram and renders it as a fully interactive canvas. The diagram uses the same shapes and colours you see in Salesforce Flow Builder:
| Element | Shape | Colour |
|---|---|---|
| Start / End | Circle | Default |
| Screen | Parallelogram | Blue |
| Decision | Diamond | Yellow |
| Subflow | Document | Blue |
| Action Call | Rectangle | Dark navy |
| DML (Create / Update / Delete) | Cylinder | Orange |
| Assignment | Slanted rectangle | Teal |
| Loop | Hexagon | Purple |
Searching Nodes
Use the search bar in the toolbar to filter and highlight nodes by label or API name.
| Control | Description |
|---|---|
| Search box | Type to highlight matching nodes |
| ↑ / ↓ arrows | Step through multiple matches |
| ✕ | Clear the search and remove highlights |
Deep Search
Enable Deep Search to extend the search beyond the visible node label. With Deep Search on, Brobench also inspects the full node detail JSON — field names, conditions, formulas — so you can find nodes that reference a specific field or value even if the label doesn't mention it.
Inspecting a Node
Click any node in the diagram to select it. The right panel shows the full detail of that element, including:
- Label and API name
- Element type (Decision, Screen, Action, etc.)
- Object and operation (for DML elements)
- Conditions, assignments, and formula expressions
- Any connector targets
Hover Info
Enable Show Hover Info in the toolbar to see node details in a floating popover when you hover a node, without having to click.
Subflows
Clicking a subflow node opens the referenced flow in a dialog, where you can explore its own Preview, Call Graph, and other tabs without leaving the current flow.
Tips
- Use zoom controls in the toolbar to zoom in/out or reset the diagram scale.
- Pan by clicking and dragging the canvas.
- The search highlights are applied as coloured borders and background tints so multiple matches are visible at once.
- If a node is inside a loop or decision branch, clicking it shows the full branching context in the detail panel.