Flow Studio
Observer Panel Display
Observability signals from the backend surface in the Observer Panel across three tabs: Logs (structured log stream), Nodes (status and duration), and Inspector (per-node output, metrics, and trace link). All data flows through the same SignalR channel and executionStore.
Signal to Panel Mapping
| Backend Signal | Transport | Observer Panel Location |
|---|---|---|
| INodeLogger entries | SignalR NodeLogEmitted | Logs tab — live stream |
| Node status change | SignalR NodeStatusChanged | Nodes tab + canvas overlay |
| executionDurationMs | Included in NodeStatusChanged | Nodes tab duration column + Inspector |
| OTel TraceId | Included in log entries | Inspector tab — "View Trace" link |
| Custom metrics | Prometheus (not SignalR) | External Grafana — NOT in Observer Panel |
Logs Tab
Every INodeLogger entry is streamed via NodeLogEmitted and appended to executionStore.logs. The Logs tab renders them in a virtual-scrolling list. Filters: by log level, by nodeId, by text search.
Inspector Tab
Clicking a node in execution mode fetches NodeInspectorData from the API. The Inspector tab shows:
- Node status badge with duration
- Input data — what the node received
- Output data — what the node returned
- Pinned data (if any)
- Node-scoped log entries (filtered from the full log)
- "View Trace" button — opens Tempo with the node's spanId pre-searched
View Trace Link
// Inspector tab — generates the Tempo deep-link
function ViewTraceButton({ traceId }: { traceId: string }) {
const tempoUrl = `${TEMPO_BASE_URL}/explore?traceId=${traceId}`;
return (
<a href={tempoUrl} target="_blank" rel="noopener">
<i className="fa-solid fa-diagram-project" />
View Trace in BizFirst Observe
</a>
);
}
Custom metrics do not appear in the Observer Panel. Metrics emitted via
ctx.Observability.Metrics go to Prometheus and are visualized in Grafana. The Observer Panel is for real-time execution observability — logs, statuses, and individual node data. Use BizFirst Observe (Grafana) for metric dashboards and alerting.