KPI metrics · click any card
?
Net Revenue Retention
118%
↑ +6pp quarter over quarter
?
Pipeline Coverage
3.9x
↑ +0.4x week over week
?
Support Backlog
24
↓ −31% since last Friday
Open deals · click any row

### Deal pipeline

4 deals · $315k total

Company | Stage | Value | Owner
--- | --- | --- | ---
Acme Foods | Security review | $84k | Nina
Northstar Health | Champion identified | $122k | Sam
Lattice Cloud | Commercials | $61k | Aria
Meridian Retail | Pilot live | $48k | Jon

### How this demo works

1. Every card and row has a `data-askable` attribute with structured JSON data.
2. `createAskableContext()` watches for focus/click events and tracks which element is active.
3. `ctx.toContext()` serializes the focused element's metadata into a prompt-ready string.
4. The mock AI uses that string to answer questions about exactly what you selected.

★ Star on GitHub → Read the docs ↓ npm install
What the AI sees
Click any card or row above to see what the AI receives...

Select something first Click a KPI card or deal row, then ask a question about it.