Error groupsPro
Agent errors grouped by signature, with counts, a 24 hour trend, first and last seen, sample traces and the stack.
On this page
ProA day of agent errors grouped by signature, with samples, the stack and resolve.
Installation
Usage
import { ErrorGroups } from "@/components/ui/chatcn/pro/error-groups"
<ErrorGroups groups={groupErrors(events)} onOpenTrace={openTrace} onStatusChange={setStatus} />groupErrors from chatcn-pro-ops-a lifts ids, numbers, quoted values, URLs and hashes out of each message, so the same failure lands in one row however its details vary. The placeholders show as quiet chips so the stable part reads first.
New groups are blue, regressed ones amber with a turn glyph, resolved ones green with a check. The latest hour in the trend is set in ink so a fresh spike stands out.
Examples
States
ProGrouped in the browser from 40 raw events, loading and a quiet day.
Props
| Prop | Type | Notes |
|---|---|---|
groups | ErrorGroup[] | { id, type, signature, count, traces, firstSeen, lastSeen, histogram, status?, samples, stack? } |
sort, defaultSort, onSortChange | "events" | "lastSeen" | "firstSeen" | Default events |
onOpenTrace | (traceId) => void | Makes sample trace ids buttons |
onStatusChange | (id, status) => void | Adds Resolve and Reopen |
now, defaultOpen, loading, labels, locale |
Accessibility
- A real table; sortable headers are buttons and the sorted one sets
aria-sort. - Each trend is an image whose name gives the total and the busiest hour.