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 list_files 166 37 $0.0000 1 read_file, list_files 89 48 $0.0000 2 list_files 694 25 $0.0000 3
Output cap The provider's default 4 import {
5 Breadcrumb,
6 Card,
7 CardBody,
8 CardHeader,
9 CardTitle,
10 Clipboard,
11 DataList,
12 FormatDate,
13 FormatNumber,
14 Heading,
15 Link,
16 Stack,
17 Table,
18 TableBody,
19 TableCell,
20 TableHead,
21 TableHeader,
22 TableRow,
23 Text,
24 Tooltip,
25 Toaster,
26 } from "@vektos/ds";
27
28 export default function AccountPage() {
29 const { account, recent } = data;
30
31 return (
32 <div className="vektos">
33 <Stack gap="6" marginBlock="6" marginInline="6">
34 <Breadcrumb
35 items={[{ label: "Accounts", href: "/accounts" }, { label: account.name }]}
36 />
37
38 <Heading level={1}>{account.name}</Heading>
39
40 <Card>
41 <CardHeader>
42 <CardTitle>Account details</CardTitle>
43 </CardHeader>
44 <CardBody>
45 <DataList
46 items={[
47 { label: "Holder", value: account.holder },
48 {
49 label: "IBAN",
50 value: (
51 <Stack flexDirection="row" alignItems="center" gap="2">
52 <Text as="span" mono>
53 {account.iban}
54 </Text>
55 <Tooltip content="Copy IBAN">
56 <Clipboard label="IBAN" value={account.iban} showValue={false} />
57 </Tooltip>
58 </Stack>
59 ),
60 },
61 { label: "BIC", value: account.bic },
62 {
63 label: "Balance",
64 value: (
65 <FormatNumber
66 value={account.balance}
67 format="currency"
68 currency={account.currency}
69 />
70 ),
71 },
72 {
73 label: "Available balance",
74 value: (
75 <FormatNumber
76 value={account.available}
77 format="currency"
78 currency={account.currency}
79 />
80 ),
81 },
82 ]}
83 />
84 </CardBody>
85 </Card>
86
87 <Stack gap="3">
88 <Heading level={2} size="md">
89 Recent transactions
90 </Heading>
91 <Card>
92 <Table aria-label="Recent transactions">
93 <TableHead>
94 <TableRow>
95 <TableHeader>Date</TableHeader>
96 <TableHeader>Description</TableHeader>
97 <TableHeader numeric>Amount ({account.currency})</TableHeader>
98 </TableRow>
99 </TableHead>
100 <TableBody>
101 {recent.map((tx) => (
102 <TableRow key={tx.id}>
103 <TableCell>
104 <FormatDate value={tx.date} />
105 </TableCell>
106 <TableCell>{tx.description}</TableCell>
107 <TableCell numeric>
108 <FormatNumber
109 value={tx.amount}
110 format="currency"
111 currency={account.currency}
112 signDisplay="exceptZero"
113 />
114 </TableCell>
115 </TableRow>
116 ))}
117 </TableBody>
118 </Table>
119 </Card>
120 <Link href="/accounts/business/transactions">View all transactions</Link>
121 </Stack>
122 </Stack>
123 <Toaster />
124 </div>
125 );
126 }
get_guidelines, list_components
4 get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component 4,972 307 $0.0000
5 read_file, read_file, list_tokens 19,382 168 $0.0000
6 list_files 1,246 1,212 $0.0000
8 get_component 107 1,576 $0.0000
9 write_file 2,041 3,486 $0.0000