Add CSV/JSON export to dashboard

[irparent]

The web dashboard shows traces and evaluations but doesn't support exporting data.

Goal: Add export buttons to the trace list and evaluation list pages.

Acceptance criteria:

• Export button on trace list page (CSV and JSON options)
• Export button on evaluation list page (CSV and JSON options)
• Exports respect current filters (agent name, date range, etc.)
• Dashboard API endpoints: GET /api/v1/traces/export?format=csv and similar

Resources:

• Dashboard source: dashboard/src/
• Architecture guide — Dashboard Architecture section

[arunvs830]

hi i want to solve this

[irparent]

Welcome @arunvs830! Glad you're interested — this would be a great first contribution.

Here's some guidance to get started:

What to build:
A CSV/JSON export button on the dashboard's trace list page. When clicked, it exports the currently visible traces (respecting any active filters) as either CSV or JSON.

Key files:

• Dashboard app: dashboard/src/ (React + Vite)
• Trace list page: dashboard/src/pages/TracesPage.tsx
• API layer: src/transport/http.ts (if you want to add a server-side export endpoint)
• Storage queries: src/storage/sqlite-adapter.ts

Approach options (your call):

1. Client-side export — grab the traces already loaded in the dashboard and convert to CSV/JSON in the browser. Simpler, good for small datasets.
2. Server-side endpoint — add a /api/traces/export?format=csv endpoint that streams results. Better for large datasets.

Either approach works for a first pass. If you want to start with option 1 and we can add option 2 later, that's totally fine.

To get the dev environment running:

npm install
npm run dev          # starts the MCP server
npm run seed:demo    # loads sample trace data
# Dashboard opens at http://localhost:6920

See CONTRIBUTING.md for the full setup guide. Feel free to ask questions here — happy to help unblock.