# RunCompare

Two runs or checkpoints side by side: outcome, measurements, effects and timelines.

- **Use it for**: Two runs or checkpoints side by side.
- **Not for**: Two versions of one document. Try [ArtifactDiff](https://unseenui.com/components/artifact-diff/).

## Installation

```bash
npm install @stackunseen/ui
```

## Usage

```tsx
import { RunCompare } from '@stackunseen/ui/conversation-flow';
import '@stackunseen/ui/styles.css';
import '@stackunseen/ui/conversation-flow.css';

<RunCompare variant="columns" left={{ label: "Attempt 1", summary: a }} right={{ label: "Attempt 2", summary: b }} />
```

## All props

| Prop | Type | Description |
| --- | --- | --- |
| `artifacts` | `ReactNode` | Optional host comparison of produced artifacts, for example an ArtifactDiff. |
| `label` | `string` |  |
| `left` (required) | `RunCompareSide` |  |
| `locale` | `string` |  |
| `onlyDifferences` | `boolean` | Hide rows that are the same on both sides. |
| `onOnlyDifferencesChange` | `((value: boolean) => void)` |  |
| `right` (required) | `RunCompareSide` |  |
| `variant` | `"stacked" \| "columns"` |  |

## Keyboard

Tab reaches controls; Enter or Space activates buttons. Accordions use arrow keys, Home and End. Select menus support arrows and typeahead; Escape closes menus and dialogs and restores focus.

## Works with

[RunBoard](https://unseenui.com/components/run-board/), [AgentLanes](https://unseenui.com/components/agent-lanes/), [SubagentTree](https://unseenui.com/components/subagent-tree/), [ExecutionTimeline](https://unseenui.com/components/execution-timeline/), [WorkflowGraph](https://unseenui.com/components/workflow-graph/), [AttentionQueue](https://unseenui.com/components/attention-queue/), [ContextBar](https://unseenui.com/components/context-bar/), [Plan](https://unseenui.com/components/plan/), [AgentSteering](https://unseenui.com/components/agent-steering/), [CostLedger](https://unseenui.com/components/cost-ledger/), [ContextWindowMeter](https://unseenui.com/components/context-window-meter/), [MemoryPanel](https://unseenui.com/components/memory-panel/)

Page: https://unseenui.com/components/run-compare/