TraceHarView

http / http_proxy trace records rendered by the shared HarPanel. Bodies the store parsed into structure are shown as JSON; a tunnelled CONNECT shows its bytes in and out where a body would be.

Source

Import

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

Demos

Exchanges · 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
bodySource	HarPanelBodySource	—	Optional private body store used only when an expanded row needs a preview.
className	string	—	Classes applied to the panel root.
emptyLabel	string	No HTTP exchanges recorded	Empty-state label for no entries or no matches.
menuActions	DataTableMenuAction[]	—	Entries for the table's overflow menu, e.g. a `useClickyExport` action.
rows*	HttpExchangeRow[]	—	`http` / `http_proxy` trace records.
search	string	—	Optional external search term. When omitted, the internal DataTable search is shown.