TraceView

Renders a trace kind’s records with its dedicated viewer: HTTP exchanges in a HAR panel, SQL statements in a table, a terminal session in a cast player, a process tree as a tree, Go profiles as a top-functions profile view per process, stack dumps as one dump per checkpoint per process. Any other kind gets a table over the row keys.

Source

Import

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

Demos

Http · Open in Storybook

Http Proxy · Open in Storybook

Pg Proxy · 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 viewer root.
kind*	string	—	The record kind: `http`, `http_proxy`, `pg_proxy`, `sql_statements`, `terminal`, `process_tree`, `goprof`, `stacks`, or any other.
rows*	TraceRow[]	—	The kind's records, as its stream stores them.
samples	TraceRow[]	—	`process_samples` records of the same root; used by `process_tree` for CPU sparklines.