Citation Evidence Lens
Highlights claims by how well they are supported, with sources for each. Pro · Content and social › Facts and sources
A text with its claims highlighted by how well they are backed: verified, sourced, disputed, outdated or unsupported. Opening a claim shows its sources, the passages that relate to it, an editor's note and the model's confidence — clearly labelled as an estimate, never as a fact check.
Installation
npx valyro-cli@latest login
npx valyro-cli@latest add citation-evidence-lensnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { CitationEvidenceLens } from 'valyro-ui-pro';Props
| Prop | Type | Default | |
|---|---|---|---|
content * | string | The text. Blank lines separate paragraphs; claims are found in it by their quote. | |
claims * | EvidenceClaim[] | Statements to check, each with its status and sources. | |
sources * | EvidenceSource[] | Everything the claims cite, by id. | |
onOpenSource | (source: EvidenceSource, claim: EvidenceClaim) => void | Called when the reader opens a source (alongside the link, when the source has a url). | |
confidence | 'show' | 'hide' | 'show' | Show the model's confidence estimate (labelled as an estimate, not a check). Default show. |
activeClaimId | string | null | Claim whose evidence is open. null: the overview. | |
defaultActiveClaimId | string | null | null | Initial open claim when uncontrolled. |
onActiveClaimIdChange | (id: string | null) => void | Called when the reader opens, switches or closes a claim. | |
highlight | 'all' | 'issues' | 'none' | Which claims are highlighted: every one, only those that need attention, or none (plain reading). | |
defaultHighlight | 'all' | 'issues' | 'none' | 'all' | Initial highlight mode when uncontrolled. Default all. |
onHighlightChange | (highlight: CitationHighlight) => void | Called when the reader switches the highlight mode. | |
loading | boolean | false | The text and evidence are loading: skeleton lines. |
error | ReactNode | Loading failed: shown instead of the text. | |
title | ReactNode | Heading. Default: labels.title. | |
headingLevel | 2 | 3 | 4 | 5 | 3 | Level of the heading (default 3). |
timeZone | string | IANA time zone of source dates (default: the ThemeProvider's, then the reader's). | |
locale | string | BCP 47 locale for dates and numbers; defaults to the ThemeProvider's. | |
labels | Partial<Omit<CitationEvidenceLensLabels, 'statuses' | 'statusHints'>> & { statuses?: Partial<Record<ClaimStatus, string>>; statusHints?: Partial<Record<ClaimStatus, string>>; } | Overrides for the built-in English text; keys left out keep their defaults. |
Related components
- Source Dossier — Source dossier: verification status, linked facts, source types, print
- Correction Ledger — Correction history: what changed, when and why, with a word-level diff
- Interactive Quote Deck — Quotes with the primary source, context, original wording and attributed sharing
- Article Header — Article header: section, headline, lede, authors and date
- Byline — Byline: authors, published and updated dates, reading time
- Article Figure — Image with caption and photo credit
- Pull Quote — Pull quote with attribution
- Key Points — “Key points” summary block
- Editor Note — Update, correction, disclosure and sponsored-content notes
- Article Toc — Article table of contents that tracks the current section
- Reading Progress — Reading progress bar
- Share Bar — Share: Telegram, VK, X, WhatsApp, email and copy link
Previous: Article Comments · Next: Source Dossier · All Content and social