ProcessTraceTree

The process tree of a process_tree trace: a forest keyed by key / parentKey, where a process whose parent was never recorded is a root. Each row shows the process, its truncated command, state and usage; exited processes are dimmed and show their lifetime and peak usage. It is built on the same Tree primitive and process helpers as DiagnosticsTree, which cannot take a forest, key selection or exit information.

Source

Import

import { ProcessTraceTree } from "@flanksource/clicky-ui/data";

Demos

Forest · Open in Storybook

With Cpu Sparklines · Open in Storybook

Empty · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	Classes applied to the tree root.
emptyLabel	string	No processes recorded	Shown when there are no processes.
error	string	—	A load failure, shown as a banner above the tree.
expandAll	boolean | null	—	Tri-state expand-all: true opens every process, false closes them, null restores the default depth. Without `onExpandAllChange` the host owns the state and the tree's own Expand / Collapse buttons are hidden.
hideExited	boolean	false	Drop exited processes, keeping an exited one only while a live descendant hangs off it.
loading	boolean	false	No trace has arrived yet: with no processes, show a waiting spinner instead of the empty label.
nodes*	ProcessNodeRow[]	—	`process_tree` trace records, one per process.
onExpandAllChange	(…) => void	—	Called when the tree's Expand all / Collapse all buttons change the state.
onHideExitedChange	(…) => void	—	Called with the checkbox state; providing it shows the "N processes / Hide exited" toolbar.
onSelect*	(…) => void	—	Called with the `key` of the clicked process.
samples	ProcessSampleRow[]	—	`process_samples` records; a process with at least two shows a CPU sparkline.
selectedKey	string | null	—	`key` of the selected process.