Agent Trace Timeline

Шаги агента на водопаде: время, токены, стоимость, вход и выход без секретов. Pro · ИИ: чат и агенты › Агенты и рассуждения

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add agent-trace-timeline

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { AgentTraceTimeline } from 'valyro-ui-pro';

Пропсы

Prop	Type	Default
`events` *	`AgentTraceEvent[]`		Steps of the run in any order of arrival; children follow their `parentId`. Append to it while streaming.
`selectedId`	`string \| null`		Step shown in the inspector. `null` shows none.
`defaultSelectedId`	`string \| null`		Initial step when uncontrolled. Default: the first failed step, else the running one, else the first.
`onSelectedIdChange`	`(id: string \| null) => void`		Called with the step the user picks (click or arrow keys).
`onRetry`	`(event: AgentTraceEvent) => void`		Adds Retry to failed steps (unless the step sets `retryable: false`).
`redactSecrets`	`boolean \| RedactRule`	`true`	Masks secrets in inputs and outputs: keys like `token`, API-key-shaped strings, and your own rule. Default true.
`renderOutput`	`(event: AgentTraceEvent) => ReactNode`		Replaces the built-in output view (text, JSON or Markdown) of a step.
`live`	`boolean`	`false`	The run is still going: shows a badge and announces new steps to screen readers.
`demo`	`boolean`	`false`	Marks the trace as sample data ("Demo data" badge) so it is never taken for a real run.
`loading`	`boolean`	`false`	The trace is loading: skeleton rows.
`error`	`ReactNode`		Loading failed: shown instead of the steps.
`title`	`ReactNode`		Heading. Default: `labels.title`.
`headingLevel`	`2 \| 3 \| 4 \| 5`	`3`	Level of the heading (default 3); the step title in the inspector takes the next level.
`height`	`CSSProperties['height']`		Height of the whole component; the list and the inspector scroll inside it. Default: content height, list up to 28rem.
`currency`	`string`	`'USD'`	ISO 4217 code of `cost`. Default USD.
`locale`	`string`		BCP 47 locale for numbers and durations; defaults to the ThemeProvider's.
`labels`	`Partial<Omit<AgentTraceTimelineLabels, 'kinds' \| 'statuses'>> & { kinds?: Partial<Record<AgentTraceKind, string>>; statuses?: Partial<Record<AgentTraceStatus, string>>; }`		Overrides for the built-in English text; keys left out keep their defaults.

Agent Trace Timeline

Установка

Пропсы

Похожие компоненты