Flow Studio
Node Inspector Overview
The Node Inspector tab shows the complete execution data for a single node — what arrived as input, what the node produced as output, pinned data (if any), timing details, retry history, and error information. It is the primary tool for debugging data flow between nodes.
When to Use the Node Inspector
- A node failed — read the exact error message and check the input it received
- Downstream data is wrong — verify what the upstream node actually output
- A condition node took an unexpected branch — inspect the data the condition evaluated
- An AI node produced unexpected output — review the full LLM response in the output section
NodeInspectorData Shape
// flow-observer-core/src/types/nodeInspector.ts
export interface NodeInspectorData {
nodeId: string;
nodeName: string;
nodeType: string;
status: NodeStatus;
inputData: object | null; // from ExecutionMemory ports
outputData: object | null; // what this node added to ExecutionMemory
pinnedData: object | null; // durable data if node uses PinnedData
timing: {
startedAt: string | null;
completedAt: string | null;
durationMs: number | null;
retryCount: number;
};
error: {
message: string | null;
errorType: string | null;
stackTrace: string | null;
} | null;
}Source
Component: packages/flow-observer-panel/src/components/tabs/NodeInspectorTabContent.tsx
Data: flowObserverPanelStore.selectedNodeId → look up nodeStatuses[selectedNodeId]
Selection events: fired by clicking canvas nodes or double-clicking Node List rows