Agent Analytics Pulse
Analytics overview designed for agent-driven growth teams. Surface metrics, attribution, and auto-generated highlights in one glance.
Features
- Segment Controls: Switch between customer segments to update metrics and attribution
- Inline Charts: SVG trend line and doughnut chart ship without extra deps
- Highlights Feed: Display agent-authored insights with impact badges
- Drilldown Hooks: Action button ready to open deeper analytics layers
Examples
Default Pulse
Growth analytics pulse
Active users
Activation rate
Churn
Engagement trend
Agent-assisted outcomes vs. baseline
Attribution
Breakdown of lift driversUpsell agent closed 61 deals with 82% win rate vs control routes at 55%
Workflow automation beta improved activation by +6.4 pts for Growth segment
Segment Explorer
Growth analytics pulse
Active users
Activation rate
Churn
Engagement trend
Agent-assisted outcomes vs. baseline
Attribution
Breakdown of lift driversUpsell agent closed 61 deals with 82% win rate vs control routes at 55%
Finance View
Revenue analytics pulse
Net revenue retention
Gross margin
OpEx coverage
Engagement trend
Agent-assisted outcomes vs. baseline
Attribution
Breakdown of lift driversFinance automation identified high-LTV accounts and coordinated outreach across CSM + marketing
Agent-led renewal prep flagged 86 at-risk customers and mitigated 71 of them
Installation
npx shadcn add "https://agents-ui-kit.com/c/agent-analytics-pulse.json"API Reference
AgentAnalyticsPulse
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Growth analytics pulse" | Header title |
| timeframe | string | "Last 30 days" | Subtitle timing |
| metrics | PulseMetric[] | Sample metrics | Key metrics row |
| trendSeries | number[] | [62, 64, 66, ...] | Values for line chart |
| attribution | AttributionSlice[] | Sample slices | Doughnut chart data |
| highlights | InsightHighlight[] | Sample highlights | Insight cards |
| segmentFilter | string | "All" | Current segment tab |
| onSegmentChange | (segment: string) => void | - | Called when segment tab changes |
| onDrilldown | () => void | - | Fired by drilldown button |
| className | string | - | Tailwind overrides |
Types
interface PulseMetric {
label: string
value: string
change: string
positive?: boolean
}
interface AttributionSlice {
channel: string
value: number
color?: string
}
interface InsightHighlight {
id: string
title: string
detail: string
impact: "high" | "medium" | "low"
}
Design Notes
- Tabs automatically scroll to handle long segment labels
- Charts rely on inline SVG to keep bundle lean and SSR safe
- Highlights use dashed borders to maintain documentation aesthetic