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 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 95 34 $0.0000 1 read_file, get_guidelines 143 44 $0.0000 2 list_components, list_tokens 3,462 40 $0.0000 3
Output cap The provider's default 4 Card,
5 CardBody,
6 CardDescription,
7 CardHeader,
8 CardTitle,
9 Clipboard,
10 FormatDate,
11 FormatNumber,
12 Heading,
13 LocaleProvider,
14 Stack,
15 Stat,
16 Table,
17 TableBody,
18 TableCell,
19 TableHead,
20 TableHeader,
21 TableRow,
22 Text,
23 } from "@vektos/ds";
24
25 export default function Page() {
26 const { account } = data;
27 const { transactions } = data;
28
29 return (
30 <LocaleProvider locale="it-IT">
31 <Stack gap="6" marginInline="auto" maxWidth="page">
32 <Heading level={1}>October statement</Heading>
33 <Card>
34 <CardHeader>
35 <CardTitle>{account.holder}</CardTitle>
36 <CardDescription>Current account</CardDescription>
37 </CardHeader>
38 <CardBody>
39 <Stack gap="4">
40 <Clipboard label="IBAN" value={account.iban} />
41 <Stat
42 label="Current balance"
43 value={
44 <FormatNumber
45 value={account.balance}
46 format="currency"
47 currency={account.currency}
48 />
49 }
50 />
51 </Stack>
52 </CardBody>
53 </Card>
54 <Card>
55 <CardHeader>
56 <CardTitle>Transactions</CardTitle>
57 <CardDescription>
58 {account.period.from} – {account.period.to}
59 </CardDescription>
60 </CardHeader>
61 <Table aria-label="October transactions">
62 <TableHead>
63 <TableRow>
64 <TableHeader>Date</TableHeader>
65 <TableHeader>Description</TableHeader>
66 <TableHeader>Category</TableHeader>
67 <TableHeader numeric>Amount ({account.currency})</TableHeader>
68 </TableRow>
69 </TableHead>
70 <TableBody>
71 {transactions.map((tx) => (
72 <TableRow key={tx.id}>
73 <TableCell>
74 <FormatDate value={tx.date} dateStyle="medium" />
75 </TableCell>
76 <TableCell>
77 <Stack
78 flexDirection="row"
79 alignItems="center"
80 gap="2"
81 flexWrap="wrap"
82 >
83 <Text as="span">{tx.description}</Text>
84 {tx.status === "pending" ? (
85 <Badge tone="warning">Pending</Badge>
86 ) : null}
87 </Stack>
88 </TableCell>
89 <TableCell>{tx.category}</TableCell>
90 <TableCell numeric>
91 <FormatNumber
92 value={tx.amount}
93 format="currency"
94 currency={account.currency}
95 signDisplay="exceptZero"
96 />
97 </TableCell>
98 </TableRow>
99 ))}
100 </TableBody>
101 </Table>
102 </Card>
103 </Stack>
104 </LocaleProvider>
105 );
106 }
list_tokens, list_tokens, list_tokens, list_tokens
4 get_component, get_component, get_component 739 86 $0.0000
5 get_component, get_component, get_component, get_component 2,941 110 $0.0000
6 get_component, get_component, get_component, get_component 3,289 141 $0.0000
7 list_files 3,751 324 $0.0000
9 write_file 130 1,665 $0.0000
10 check_code 1,691 630 $0.0000
11 write_file 695 619 $0.0000
12 check_code 698 619 $0.0000