Docs / Sandbox and code /
RunSummaryCard
Post-run summary card: duration, exit code, stdout preview, and resource usage.
Preview
run_01hwfp3n9xj7tz4
Today at 10:22:43
Duration1m 42s
Spend$0.28
Tests9/9
Receiptrcpt_7x2k9q
Variants
Passed
run_01hwfp3n9xj7tz4
Today at 10:22:43
Duration1m 42s
Spend$0.28
Tests9/9
Receiptrcpt_7x2k9q
Failed
run_01hwfp4m2ab8kz1
Today at 10:25:07
Duration2m 07s
Spend$0.31
Tests7/9(2 failed)
Receiptrcpt_9r4m2p
Running
run_01hwfp5q7cd9lx3
Duration0m 34s
Props
| Prop | Type | Description |
|---|---|---|
| runId* | string | Short run identifier shown in the header (e.g. 'run_01hwf...'). |
| outcome* | "passed" | "failed" | "warning" | "running" | Overall result — controls the background tint and status pill. |
| duration* | string | Total wall-clock time as a formatted string (e.g. '1m 42s'). |
| spend | string | Formatted LLM spend (e.g. '$0.28'). |
| totalTests | number | Total test count. |
| passedTests | number | Passed test count. |
| failedTests | number | Failed test count — shown in red when > 0. |
| receiptId | string | Verification receipt ID. When onViewReceipt is also provided, renders as a clickable link. |
| onViewReceipt | (receiptId: string) => void | Click handler for the receipt link. |
| completedAt | string | Human-readable completion timestamp. |
| className | string | Additional class names for the root element. |
* required.
Usage
import { RunSummaryCard } from "@/components/sandbox/run-summary-card";
<RunSummaryCard
runId="run_01hwfp3n9xj7tz4"
outcome="passed"
duration="1m 42s"
spend="$0.28"
totalTests={9}
passedTests={9}
receiptId="rcpt_7x2k9q"
completedAt="Today at 10:22:43"
/>