Call log tablePro

Every call a voice agent took, with outcome, length, sentiment, latency and cost, filters and CSV export.

Markdown

On this page

ProCalls with outcome, sentiment, latency and cost; filter, sort, search and export.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/call-log-table

Usage

tsx

import { CallLogTable } from "@/components/ui/chatcn/pro/call-log-table"

<CallLogTable calls={calls} onOpen={openCall} />

Mask caller numbers before they reach the table. Sentiment is a score from -1 to 1, shown as a word with an icon. Outcome filters only list outcomes that occur. Export writes the filtered, sorted rows. Open a row into the Pro call-detail.

Examples

States

ProNo calls yet and euro pricing.

Props

Prop	Type	Notes
`calls`	`CallLogEntry[]`	`{ id, caller, agent, startedAt, durationS, outcome, cost, sentiment, latencyMs }`
`onOpen`	`(id) => void`	Makes the caller cell a button
`currency`, `locale`	`string`	Money and date formatting
`exportName`	`string`	CSV file name. Default `calls`

Accessibility

A real table; sortable headers are buttons and the sorted column has aria-sort.
Failed calls and negative sentiment carry words, not only red.