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 4 counted, under 2 rules. “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 list_files 1,344 32 $0.0000 1 read_file 1,396 38 $0.0000 2 list_components 2,272 140 $0.0000 3
cdb5d9e77633
Output cap 20,000 tokens a step 2
3 import {
4 Card,
5 CardHeader,
6 CardTitle,
7 CardDescription,
8 CardBody,
9 DataList,
10 FormatNumber,
11 Table,
12 TableHead,
13 TableBody,
14 TableRow,
15 TableCell,
16 TableHeader,
17 Badge,
18 } from "@vektos/ds";
19
20 export default function OctoberStatement() {
21 const { account, transactions } = data;
22
23 return (
24 <Card>
25 <CardHeader>
26 <CardTitle>{account.holder}</CardTitle>
27 <CardDescription>{account.iban}</CardDescription>
28 </CardHeader>
29 <CardBody>
30 <DataList
31 items={[
32 { label: "Account holder", value: account.holder },
33 { label: "IBAN", value: account.iban },
34 {
35 label: "Current balance",
36 value: (
37 <FormatNumber
38 value={account.balance}
39 format="currency"
40 currency={account.currency}
41 signDisplay="exceptZero"
42 />
43 ),
44 },
45 ]}
46 orientation="vertical"
47 />
48 </CardBody>
49 <Table aria-label="Transactions period">
50 <TableHead>
51 <TableRow>
52 <TableHeader>Date</TableHeader>
53 <TableHeader>Description</TableHeader>
54 <TableHeader>Category</TableHeader>
55 <TableHeader numeric>Amount (EUR)</TableHeader>
56 <TableHeader>Status</TableHeader>
57 </TableRow>
58 </TableHead>
59 <TableBody>
60 {transactions.map((tx) => (
61 <TableRow key={tx.id}>
62 <TableCell>{tx.date}</TableCell>
63 <TableCell>{tx.description}</TableCell>
64 <TableCell>{tx.category}</TableCell>
65 <TableCell numeric>
66 <FormatNumber
67 value={tx.amount}
68 format="currency"
69 currency="EUR"
70 signDisplay="exceptZero"
71 />
72 </TableCell>
73 <TableCell>
74 <Badge tone={tx.status === "pending" ? "warning" : "neutral"}>
75 {tx.status}
76 </Badge>
77 </TableCell>
78 </TableRow>
79 ))}
80 </TableBody>
81 </Table>
82 </Card>
83 );
84 }
4 get_component 2,226 43 $0.0000
5 get_component 738 67 $0.0000
6 get_component 1,423 33 $0.0000
7 write_file 2,556 1,408 $0.0000
8 check_code 1,895 523 $0.0000