Agent Traces

A nested span waterfall for an agent run. A playhead replays the run as bars fill in real order, rows collapse by subtree, kinds can be dimmed, and each span opens its timing, tokens, inputs, outputs, and errors.

"use client";

import { AgentTraceWaterfall } from "@/components/premium/agent-traces";

export function AgentTracesWaterfallPreview() {
  return <AgentTraceWaterfall />;
}

A list of agent runs with status, latency, recent-latency sparklines, tokens, and cost. Totals roll up, status tabs and search reflow the rows, and any run opens its waterfall trace in a dialog.

"use client";

import { AgentRunsList } from "@/components/premium/agent-traces";

export function AgentTracesRunsPreview() {
  return <AgentRunsList />;
}