DiffViewer
A/B comparison of two text outputs with word-level LCS highlights. Perfect for prompt-engineering and model-eval workflows: compare the same prompt across two models, or two prompts against one model.
Source
src/components/ai/diff-viewer.tsxSide-by-side (default)
Two panes with additions in green on the B side, removals in red on the A side. Metadata footer shows latency, tokens, and cost per side.
gpt-4o-miniA
claude-sonnet-4-6B
The capital of France is Paris.
Paris is the capital of France, with a population of 2.1 million.
latency·420mstokens·12cost·$0.0003
latency·680mstokens·23cost·$0.0011
Inline mode
Start in inline view — adds and removes interleaved, strikethrough on removals.
v1 promptA
v2 promptB
Write a shortconcise, SEO-optimized blog post about remote work in 200250 words.words with a call to action.
Identical outputs
When both sides match, an 'identical' chip surfaces in the header.
run AA
run BB
identical
2 + 2 = 4
2 + 2 = 4
tokens·5
tokens·5