CPI Colorizer and Process Panel

About

Colorizer and Process Panel is a browser extension for SAP iFlow editor (Neo and CF).

It helps developers understand and navigate large integration flows by adding two editor-only enhancements:

1. Process colorization
The extension reads the BPMN model of the currently opened iFlow and builds a process color matrix. Main Integration Processes, Local Integration Processes, and local process-call boxes are colored consistently. A call box receives the same color as the subprocess it calls, making process relationships easier to understand visually.

2. Searchable process panel
The extension injects an “iFlow Processes” panel into the CPI left navigation area. The panel lists processes, subprocesses, exception subprocesses, and steps in flow order. It includes search, expand all, collapse all, and BPMN reload controls. Searching can find step names, process names, script paths, mapping names, tooltips, and configured step attributes.

Panel rows are clickable. Clicking a process or step pans/selects the corresponding object in the CPI model and highlights it with a temporary pulse outline.

The extension includes a browser popup where users can configure:
- whether Color/Panel is enabled by default
- process/subprocess positioning
- step positioning