Runs / transactions 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 5 counted, under 3 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,345 47 $0.0000 1 read_file 1,412 38 $0.0000 2 list_components 3,492 51 $0.0000 3
cdb5d9e77633
Output cap The provider's default 4 import data from "./fixture.json";
5
6 import { SegmentGroup } from "@vektos/ds";
7 import {
8 Table,
9 TableHead,
10 TableBody,
11 TableRow,
12 TableHeader,
13 TableCell,
14 Badge,
15 } from "@vektos/ds";
16 import { Stack, Heading } from "@vektos/ds";
17 import { Pagination } from "@vektos/ds";
18 import { FormatNumber } from "@vektos/ds";
19 import { LocaleProvider } from "@vektos/ds";
20
21 export default function Page() {
22 const [view, setView] = useState<'all' | 'in' | 'out'>('all');
23 const [page, setPage] = useState(1);
24
25 const pageSize = data.pageSize; // 10
26
27 // Sort newest first
28 const sorted = [...data.transactions].sort((a, b) =>
29 new Date(b.date).valueOf() - new Date(a.date).valueOf()
30 );
31
32 // Filter by view
33 const filtered = sorted.filter((t) => {
34 if (view === "all") return true;
35 return view === "in" ? t.amount > 0 : t.amount < 0;
36 });
37
38 const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
39 const paged = filtered.slice((page - 1) * pageSize, page * pageSize);
40
41 return (
42 <LocaleProvider locale="en-IE">
43 <Stack gap={4} maxWidth="900px" margin="auto">
44 <Heading level={1}>{data.account.name}</Heading>
45
46 <SegmentGroup
47 aria-label="View"
48 defaultValue="all"
49 options={[
50 { label: "All", value: "all" },
51 { label: "Money in", value: "in" },
52 { label: "Money out", value: "out" },
53 ]}
54 onValueChange={setView}
55 />
56
57 <Table aria-label="Transactions">
58 <TableHead>
59 <TableRow>
60 <TableHeader>Date</TableHeader>
61 <TableHeader>Description</TableHeader>
62 <TableHeader>Amount</TableHeader>
63 <TableHeader>Status</TableHeader>
64 </TableRow>
65 </TableHead>
66 <TableBody>
67 {paged.map((tx) => (
68 <TableRow key={tx.id}>
69 <TableCell>{tx.date}</TableCell>
70 <TableCell>{tx.description}</TableCell>
71 <TableCell numeric>
72 <FormatNumber
73 value={tx.amount}
74 format="currency"
75 currency="EUR"
76 signDisplay="exceptZero"
77 />
78 </TableCell>
79 <TableCell>
80 <Badge tone={
81 tx.status === "pending" ? "warning" :
82 tx.amount > 0 ? "success" : "neutral"
83 }>{tx.status}</Badge>
84 </TableCell>
85 </TableRow>
86 ))}
87 </TableBody>
88 </Table>
89
90 <Pagination
91 page={page}
92 count={totalPages}
93 onPageChange={setPage}
94 aria-label="Transactions pagination"
95 />
96 </Stack>
97 </LocaleProvider>
98 );
99 }
raw-values/raw-length
1 design-system
4 get_component 2,962 60 $0.0000
5 get_component 1,991 39 $0.0000
6 get_component 2,648 36 $0.0000
7 get_component 1,369 373 $0.0000
8 write_file 2,842 1,886 $0.0000