Runs / stock-levels 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 2 counted, under 1 rule. “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 get_guidelines 139 55 $0.0000 1 list_components, list_tokens, read_file 2,574 67 $0.0000 2 get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component 4,195 373 $0.0000
Output cap 20,000 tokens a step 3 import {
4 Badge,
5 Card,
6 CardBody,
7 CardHeader,
8 CardTitle,
9 FormatDate,
10 FormatNumber,
11 Grid,
12 Heading,
13 Stack,
14 Stat,
15 Table,
16 TableBody,
17 TableCell,
18 TableHead,
19 TableHeader,
20 TableRow,
21 Text,
22 } from "@vektos/ds";
23
24 export default function WarehouseStockPage() {
25 const { warehouse, items } = data;
26 const reorderCount = items.filter(
27 (item) => item.onHand <= item.reorderPoint,
28 ).length;
29
30 return (
31 <Stack gap="6" maxWidth="page">
32 <Stack gap="1">
33 <Heading level={1}>{warehouse.name}</Heading>
34 <Text tone="muted" size="sm">
35 Last counted{" "}
36 <FormatDate
37 value={warehouse.countedAt}
38 dateStyle="medium"
39 timeStyle="short"
40 />
41 </Text>
42 </Stack>
43
44 <Grid gridTemplateColumns={{ base: "1fr", md: "repeat(2, 1fr)" }} gap="4">
45 <Card>
46 <CardBody>
47 <Stat
48 label="Items"
49 value={<FormatNumber value={items.length} />}
50 />
51 </CardBody>
52 </Card>
53 <Card>
54 <CardBody>
55 <Stat
56 label="Need reordering"
57 value={<FormatNumber value={reorderCount} />}
58 />
59 </CardBody>
60 </Card>
61 </Grid>
62
63 <Card>
64 <CardHeader>
65 <CardTitle>Stock items</CardTitle>
66 </CardHeader>
67 <Table aria-label="Stock items">
68 <TableHead>
69 <TableRow>
70 <TableHeader>SKU</TableHeader>
71 <TableHeader>Name</TableHeader>
72 <TableHeader>Location</TableHeader>
73 <TableHeader numeric>On hand</TableHeader>
74 <TableHeader numeric>Reserved</TableHeader>
75 <TableHeader numeric>Available</TableHeader>
76 <TableHeader>Unit</TableHeader>
77 <TableHeader>Status</TableHeader>
78 </TableRow>
79 </TableHead>
80 <TableBody>
81 {items.map((item) => {
82 const needsReorder = item.onHand <= item.reorderPoint;
83 return (
84 <TableRow key={item.sku}>
85 <TableCell>
86 <Text as="span" mono size="sm">
87 {item.sku}
88 </Text>
89 </TableCell>
90 <TableCell>{item.name}</TableCell>
91 <TableCell>
92 <Text as="span" mono size="sm">
93 {item.location}
94 </Text>
95 </TableCell>
96 <TableCell numeric>
97 <FormatNumber value={item.onHand} />
98 </TableCell>
99 <TableCell numeric>
100 <FormatNumber value={item.reserved} />
101 </TableCell>
102 <TableCell numeric>
103 <FormatNumber value={item.onHand - item.reserved} />
104 </TableCell>
105 <TableCell>{item.unit}</TableCell>
106 <TableCell>
107 {needsReorder ? (
108 <Badge tone="warning">Reorder</Badge>
109 ) : null}
110 </TableCell>
111 </TableRow>
112 );
113 })}
114 </TableBody>
115 </Table>
116 </Card>
117 </Stack>
118 );
119 }
120
3 list_files 14,642 116 $0.0000
4 list_tokens, list_tokens 7,924 891 $0.0000
5 get_component, get_component 1,500 557 $0.0000
6 write_file 19,280 2,986 $0.0000
7 check_code check_code: No violations.
6,930 730 $0.0000