Skip to main content

EventsTree

Data Display
Stable

Tree view component for displaying hierarchical events and tool calls. Ideal for agent trace UIs.

Quick Import
Full Documentation
import { EventsTree } from "@cohere-ai/waypoint-ui/events-tree";

Live Preview

Loading EventsTree...
Open in StorybookOpen in v0View Docs

Props

NameTypeDefaultDescription
items*EventsTreeItem[]-Tree data
classNamestring-Additional CSS classes

* Required prop

Examples

Agent Events Tree

Tree showing tool calls and retrieved documents

1
import EventsTree from '@cohere-ai/waypoint-ui/events-tree';
2
 
3
<EventsTree items={[
4
  {
5
    id: '1',
6
    label: 'Tool call: search_documents',
7
    icon: 'search',
8
    content: <pre>{"query": "north documentation"}</pre>,
9
    defaultOpen: true,
10
  },
11
  {
12
    id: '2',
13
    label: 'Retrieved 5 documents',
14
    children: [
15
      { id: '2a', label: 'Document A.pdf' },
16
      { id: '2b', label: 'Document B.pdf' },
17
    ],
18
  },
19
]} />

Found an Issue?

If you've encountered a bug or have feedback about the EventsTree component, please report it to our team. Your feedback helps us improve Waypoint.

Available for all users • Issue will be created in Linear

Was this page helpful?

Your feedback helps us improve our documentation.

Need Help?

Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.