List view

• PoC

  Based on https://github.com/mikhin/ai-agent-trace-ui/issues/9 This milestone contains tasks that must be completed before we can share the intermediate progress: **The main focus should be on basic components:** * Tree View (core structure and navigation of traces with timeline) * Details Panel (inputs, outputs, metrics, raw data) ## Library Architecture * **Styling:** Tailwind CSS (v4.1) as default, but allow easy overrides * **Component Delivery:** Copy-paste approach (like shadcn/ui, Catalyst) for maximum flexibility and performance * **Accessibility:** Pick approach. It can be a React Aria. * **Data Integration:** Pluggable data provider pattern for easy integration with any backend or state management ## Core Components ### 1. Tree View * Visualizes nested and sequential spans (executions) * Connectors between nodes (support both straight and rounded, parametrizable) * Expandable to show timeline info (inline badges, mini-charts, or expandable timeline) ### 3. Details Panel * Shows input, output, metrics, and additional details for a selected span * Tabbed interface (Input / Output / Attributes) * Modular info components for easy extension ## Customization & Integration * Easy to swap fonts, colors, icons, and design tokens * Minimal external dependencies; focus on composability and hackability

  Due by August 8, 2025

  •26/26 issues closed
  100% complete0 open26 closed