Runs / transactions Batch Runs from different design-system versions should not be compared.
The page A screenshot in each theme, as the benchmark took it.
page.tsx As the agent left it; marked lines broke a rule.
Violations None. The run followed every rule that was checked.
Steps One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
Step Tools Tokens in Tokens out Cost 0 list_files 32 33 $0.0000 1 read_file 79 29 $0.0000 2 get_guidelines 2,078 24 $0.0000 3
Output cap The provider's default 4 import data from "./fixture.json";
5 import {
6 Badge,
7 Card,
8 CardBody,
9 CardHeader,
10 CardTitle,
11 EmptyState,
12 FormatDate,
13 FormatNumber,
14 Heading,
15 Pagination,
16 SegmentGroup,
17 Stack,
18 Table,
19 TableBody,
20 TableCell,
21 TableHead,
22 TableHeader,
23 TableRow,
24 } from "@vektos/ds";
25
26 type Transaction = (typeof data.transactions)[number];
27
28 const pageSize = data.pageSize;
29
30 export default function Page() {
31 const [view, setView] = useState("all");
32 const [page, setPage] = useState(1);
33
34 const filtered = useMemo(() => {
35 const list = data.transactions.filter((tx: Transaction) => {
36 if (view === "in") return tx.amount > 0;
37 if (view === "out") return tx.amount < 0;
38 return true;
39 });
40 return list.toSorted((a, b) => {
41 if (a.date !== b.date) return b.date.localeCompare(a.date);
42 return b.id.localeCompare(a.id);
43 });
44 }, [view]);
45
46 const pageCount = Math.max(1, Math.ceil(filtered.length / pageSize));
47 const safePage = Math.min(page, pageCount);
48 const rows = filtered.slice((safePage - 1) * pageSize, safePage * pageSize);
49
50 return (
51 <Stack gap="6" marginBlock="6" marginInline="6">
52 <Heading level={1}>{data.account.name}</Heading>
53 <SegmentGroup
54 aria-label="Transaction view"
55 value={view}
56 onValueChange={(value: string) => {
57 setView(value);
58 setPage(1);
59 }}
60 options={[
61 { label: "All", value: "all" },
62 { label: "Money in", value: "in" },
63 { label: "Money out", value: "out" },
64 ]}
65 />
66 <Card>
67 <CardHeader>
68 <CardTitle>Transactions</CardTitle>
69 </CardHeader>
70 {rows.length === 0 ? (
71 <CardBody>
72 <EmptyState title="No transactions" description="Nothing to show for this view." />
73 </CardBody>
74 ) : (
75 <Table aria-label="Transactions">
76 <TableHead>
77 <TableRow>
78 <TableHeader>Date</TableHeader>
79 <TableHeader>Description</TableHeader>
80 <TableHeader>Status</TableHeader>
81 <TableHeader numeric>Amount ({data.account.currency})</TableHeader>
82 </TableRow>
83 </TableHead>
84 <TableBody>
85 {rows.map((tx: Transaction) => (
86 <TableRow key={tx.id}>
87 <TableCell>
88 <FormatDate value={tx.date} dateStyle="medium" />
89 </TableCell>
90 <TableCell>{tx.description}</TableCell>
91 <TableCell>
92 <Badge tone={tx.status === "pending" ? "warning" : "success"}>
93 {tx.status === "pending" ? "Pending" : "Booked"}
94 </Badge>
95 </TableCell>
96 <TableCell numeric>
97 <FormatNumber
98 value={tx.amount}
99 format="currency"
100 currency={data.account.currency}
101 signDisplay="exceptZero"
102 />
103 </TableCell>
104 </TableRow>
105 ))}
106 </TableBody>
107 </Table>
108 )}
109 </Card>
110 {pageCount > 1 ? (
111 <Pagination page={safePage} count={pageCount} onPageChange={setPage} />
112 ) : null}
113 </Stack>
114 );
115 }
116
list_components, list_tokens
4 list_tokens, list_tokens, list_tokens, list_tokens, list_tokens 3,422 147 $0.0000
5 get_component, get_component, get_component, get_component, get_component 974 106 $0.0000
6 get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component 4,454 166 $0.0000
7 write_file 6,926 3,420 $0.0000
8 check_code 3,458 788 $0.0000
10 check_code 832 415 $0.0000
11 check_code 494 823 $0.0000