ProcessTraceDetail

Everything the trace knows about one process: its command and lifetime, resource usage (CPU, RSS, disk IO) and sparklines, and its stack with a chooser across the checkpoints that dumped it and collect buttons for the transports it offers. Tabs for open files, sockets, ports and connections appear when the samples carry that facet, showing the latest stored list and a count sparkline, and one for the environment when the node recorded it. Props-only: the host supplies the selected row and the trace records.

Source

Import

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

Demos

Busy Child With Native Sample · Open in Storybook

Root With Checkpoint Chooser · Open in Storybook

Collecting · 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	—	—
collectError	string	—	Why the last collection failed.
collecting	boolean	—	A collection is in flight: collect buttons are disabled.
links	ReactNode	—	Host content at the top of Overview, for example a link to the fixture step that started the process.
node*	ProcessNodeRow | null	—	The selected `process_tree` record; null renders the empty selection state.
onCollectStack	(…) => void | Promise<void>	—	Collects a stack for a process over one of its `stackTransports`. Without it no collect buttons are shown. A destructive transport (sigquit) kills the process, so it asks for confirmation first.
samples*	ProcessSampleRow[]	—	`process_samples` records; those of other processes are ignored. They carry the resource series, and the facet counts and lists: a facet tab is shown only when the samples carry that facet's count, that is when the session armed it.
stacks	StackRecord[]	[]	`stacks` records; those of other processes are ignored.