Response compare — Björk UI

Components•Response compare

Response compare

Two answers to one prompt, side by side, with latency, tokens and cost. Vote with a radio group, mark a rubric per side, and blind model names reveal once the vote is in.

Dependencies

clsx tailwind-merge

Copy below cli

npx shadcn add @bjork-ui/response-compare

How to use

import { ResponseCompare, SAMPLE_COMPARISON } from "@/components/bjork-ui/ai/response-compare";export function Demo() {  return (    <ResponseCompare      prompt={SAMPLE_COMPARISON.prompt}      responses={SAMPLE_COMPARISON.responses}      rubric={["Accuracy", "Helpfulness", "Tone"]}      blind      onVote={(vote) => console.log(vote)}    />  );}

Prompt

My sourdough starter smells like nail polish remover. Is it ruined, and what should I do?

Response A

2.1s164 tok$0.0031

It isn't ruined. That acetone smell means the yeast and bacteria have run out of food and are producing more acetic acid and ethyl acetate.

Feed it more often: discard all but 50 g, then feed 1:1:1 by weight twice a day for two or three days. Keep it somewhere around 24 °C. The sharp smell should fade into a mild, yogurt-like sourness.

Response B

860ms121 tok$0.0004

A nail polish smell usually means your starter is contaminated with bad bacteria. To be safe, throw it out and start a new one with fresh flour and filtered water.

Next time, store it in the fridge between bakes so it does not spoil.

Accuracy

Helpfulness

Tone

Models are hidden until you vote

Arrow keys move between choices

Options

Blind