Problem Statement
Summary
Add a new visualization panel to the DevTool UI that displays the relationship between dispatched actions and their triggered effects, providing a clear flow view of the action → effect → result action chain.
Proposed Solution
The library already tracks action-effect correlations via EffectTrackerService (correlation IDs, isEffectResult flags, trigger/result action chains) and streams ACTION_TRACKED + EFFECT_EVENT messages over WebSocket. However, none of this correlation data is visually surfaced in the UI. Users can currently see actions in isolation and effects in isolation (via EffectsPanelComponent), but there is no unified view showing how a user-dispatched action triggers effects that emit result actions.
Alternatives Considered
.
Component
ngrx-devtool (library)
Additional Context
.
Problem Statement
Summary
Add a new visualization panel to the DevTool UI that displays the relationship between dispatched actions and their triggered effects, providing a clear flow view of the action → effect → result action chain.
Proposed Solution
The library already tracks action-effect correlations via EffectTrackerService (correlation IDs, isEffectResult flags, trigger/result action chains) and streams ACTION_TRACKED + EFFECT_EVENT messages over WebSocket. However, none of this correlation data is visually surfaced in the UI. Users can currently see actions in isolation and effects in isolation (via EffectsPanelComponent), but there is no unified view showing how a user-dispatched action triggers effects that emit result actions.
Alternatives Considered
.
Component
ngrx-devtool (library)
Additional Context
.