Runs / statement 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 1 counted, under 1 rule. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
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 read_file 1,344 37 $0.0000 1 list_components 2,219 50 $0.0000 2 get_component 4,718 230 $0.0000 3
cdb5d9e77633
Output cap The provider's default 4 Badge,
5 Table,
6 TableHead,
7 TableBody,
8 TableRow,
9 TableHeader,
10 TableCell,
11 DataList,
12 Stack,
13 } from "@vektos/ds";
14
15 export default function OctoberStatement() {
16 const { account, transactions } = data;
17
18 return (
19 <Stack gap={4}>
20 {/* Account summary */}
21 <DataList
22 items={[
23 { label: "Account holder", value: account.holder },
24 { label: "IBAN", value: account.iban },
25 {
26 label: "Balance",
27 value: (
28 <FormatNumber
29 value={account.balance}
30 format="currency"
31 currency={account.currency}
32 signDisplay="exceptZero"
33 />
34 ),
35 },
36 ]}
37 orientation="vertical"
38 />
39
40 {/* Transactions table */}
41 <Table aria-label="Transactions">
42 <TableHead>
43 <TableRow>
44 <TableHeader>Date</TableHeader>
45 <TableHeader>Description</TableHeader>
46 <TableHeader>Category</TableHeader>
47 <TableHeader numeric>Amount (EUR)</TableHeader>
48 <TableHeader>Status</TableHeader>
49 </TableRow>
50 </TableHead>
51 <TableBody>
52 {transactions.map((tx) => (
53 <TableRow key={tx.id}>
54 <TableCell>{tx.date}</TableCell>
55 <TableCell>{tx.description}</TableCell>
56 <TableCell>{tx.category}</TableCell>
57 <TableCell numeric>
58 <FormatNumber
59 value={tx.amount}
60 format="currency"
61 currency={account.currency}
62 signDisplay="exceptZero"
63 />
64 </TableCell>
65 <TableCell>
66 {tx.status === "pending" && (
67 <Badge tone="warning">Pending</Badge>
68 )}
69 </TableCell>
70 </TableRow>
71 ))}
72 </TableBody>
73 </Table>
74 </Stack>
75 );
76 }
4 get_component 2,471 31 $0.0000
5 get_component 1,407 40 $0.0000
6 get_component 2,547 727 $0.0000
7 write_file 1,743 1,037 $0.0000
8 check_code 2,807 470 $0.0000