StaticgetMarkup for the empty state shown when no trace data is available.
A self-contained HTML fragment with the empty-state message.
StaticgetMarkup for the error placeholder shown when a fetch or parse fails.
Pre-formatted human-readable error description.
A self-contained HTML fragment with the error text rendered safely.
StaticgetMarkup for the placeholder shown while data is being fetched.
A self-contained HTML fragment with a loading indicator.
StaticgetBuild the HTML for the right-hand detail panel of a single span.
The panel shows three collapsible sections — overview (service,
status, kind, duration, IDs), attributes (filtered to exclude
log2trace.* housekeeping keys), and per-event detail. Empty
sections are omitted.
The span and its denormalized service name from TraceTree.flatten.
A self-contained HTML fragment ready to insert into the detail-panel slot.
StaticgetBuild the complete waterfall markup for a trace.
Composes the timeline, span labels, span bars, optional legend, optional filter bar, and zoom controls into a single fragment. The component sets the result on its shadow root.
The trace tree to render, typically from TraceTree.build.
Resolved display config from resolveDisplayDefaults (from config.ts).
Optional pre-rendered filter bar markup (produced by the internal filter helpers); pass empty string when no filters are configured.
When local filters are active, the already
filtered span list to render in place of tree.flatten().
A self-contained HTML fragment for the full visualization.
Static factory of HTML strings used by
<trace-visualizer>.Every method returns a self-contained HTML fragment built with template literals — there is no DOM manipulation here. The component sets these strings on its shadow root's
innerHTML. All CSS class names come fromstyles.css.tsso vanilla-extract can compile them; raw class strings are never used.Most methods are low-level fragments composed by other methods on this class and are marked
@internalto keep the generated docs focused. The handful of higher-level entry points worth calling directly are: