Runs / account-details 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 read_file 1,408 41 $0.0000 1 list_components 1,871 60 $0.0000 2 get_component 4,380 398 $0.0000 3
cdb5d9e77633
Output cap The provider's default 4 import { Clipboard } from "@vektos/ds";
5 import { Breadcrumb } from "@vektos/ds";
6 import { DataList } from "@vektos/ds";
7 import { Stack } from "@vektos/ds";
8 import { Link } from "@vektos/ds";
9 import { Button } from "@vektos/ds";
10 import data from "./fixture.json";
11
12 export default function Page() {
13 const { account, recent } = data;
14
15 return (
16 <>
17 <Breadcrumb
18 items={[
19 { label: "Accounts", href: "/accounts" },
20 { label: account.name },
21 ]}
22 />
23
24 <Stack>
25
26 {/* Account details */}
27 <DataList orientation="vertical" items={[
28 { label: "Holder", value: account.holder },
29 {
30 label: "IBAN",
31 value: (
32 <Stack alignItems="center">
33 <span>{account.iban}</span>
34 <Clipboard
35 label="IBAN"
36 value={account.iban}
37 showValue={false}
38 />
39 </Stack>
40 ),
41 },
42 { label: "BIC", value: account.bic },
43 {
44 label: "Balance",
45 value: <FormatNumber value={account.balance} format="currency" currency={account.currency} />,
46 },
47 {
48 label: "Available",
49 value: <FormatNumber value={account.available} format="currency" currency={account.currency} />,
50 },
51 ]} />
52
53 {/* Recent transactions */}
54 <Stack>
55 <h2>Recent transactions</h2>
56 {recent.map((tx) => (
57 <div key={tx.id} style={{ display: "flex", justifyContent: "space-between" }}>
58 <span>
59 {tx.date} – {tx.description}
60 </span>
61 <span>{tx.amount} {account.currency}</span>
62 </div>
63 ))}
64 <Link href="/accounts/business/transactions">
65 <Button variant="outline" size="sm">
66 View all transactions
67 </Button>
68 </Link>
69 </Stack>
70
71 </Stack>
72 </>
73 );
74 }
4 get_component 1,883 32 $0.0000
5 get_component 2,397 33 $0.0000
6 write_file 883 1,273 $0.0000
7 check_code 2,183 536 $0.0000
8 write_file 806 1,067 $0.0000
9 check_code 1,900 525 $0.0000
10 write_file 2,546 1,149 $0.0000
11 check_code 1,626 514 $0.0000