Runs / statement Batch Runs from different design-system versions should not be compared.
page.tsx As the agent left it; marked lines broke a rule.
Violations 22 counted, under 4 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,344 35 $0.0000 1 read_file 1,399 38 $0.0000 2 list_components 2,275 43 $0.0000 3
Design system
cdb5d9e77633
Output cap The provider's default 12 Table,
13 TableHead,
14 TableBody,
15 TableRow,
16 TableHeader,
17 } from "@vektos/ds";
18
19 export default function Page() {
20 const { account, transactions } = data;
21
22 return (
23 <Stack gap={4} maxWidth="1200" marginInline="auto">
24 {/* Account summary card */}
25 <Card>
26 <CardHeader>
27 <CardTitle>Account details</CardTitle>
28 </CardHeader>
29 <CardBody>
30 <Stack gap={2} flexDirection="row" align="center">
31 <Text as="span" mono>
32 {account.holder}
33 </Text>
34 <Text as="span" mono>
35 {account.iban}
36 </Text>
37 </Stack>
38 <FormatNumber
39 value={account.balance}
40 format="currency"
41 currency={account.currency}
42 signDisplay="exceptZero"
43 />
44 </CardBody>
45 </Card>
46
47 {/* Transactions card */}
48 <Card>
49 <CardHeader>
50 <CardTitle>Transactions</CardTitle>
51 <CardDescription>
52 {account.period.from} - {account.period.to}
53 </CardDescription>
54 </CardHeader>
55 <Table aria-label="Transactions">
56 <TableHead>
57 <TableRow>
58 <TableHeader>Date</TableHeader>
59 <TableHeader>Description</TableHeader>
60 <TableHeader>Category</TableHeader>
61 <TableHeader numeric>Amount (EUR)</TableHeader>
62 <TableHeader>Status</TableHeader>
63 </TableRow>
64 </TableHead>
65 <TableBody>
66 {transactions.map((tx) => (
67 <TableRow key={tx.id}>
68 <TableCell>{tx.date}</TableCell>
69 <TableCell>{tx.description}</TableCell>
70 <TableCell>{tx.category}</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 {tx.status === "pending" ? (
81 <Badge tone="warning">Pending</Badge>
82 ) : (
83 <Badge tone="neutral">{tx.status}</Badge>
84 )}
85 </TableCell>
86 </TableRow>
87 ))}
88 </TableBody>
89 </Table>
90 </Card>
91 </Stack>
92 );
93 }
Cannot find name 'TableCell'.
lint/react(jsx-no-undef) 6 quality typecheck/TS2322 3 quality page.tsx:23:12 Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'. page.tsx:23:20 Type '"1200"' is not assignable to type 'ConditionalValue<"0" | "1/12" | "1/2" | "1/3" | "1/4" | "1/5" | "1/6" | "10" | "10/12" | "11/12" | "12" | "16" | "2" | "2/12" | "2/3" | "2/4" | "2/5" | "2/6" | "3" | "3/12" | "3/4" | "3/5" | "3/6" | ... 331 more ... | (`var(--${string})/${string}` & { ...; })>'. page.tsx:30:18 Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'. Every run that broke typecheck/TS2322 render/runtime-error 1 completeness 4 get_component 2,287 58 $0.0000
5 get_component 867 214 $0.0000
6 get_component 1,956 86 $0.0000
7 get_component 3,142 93 $0.0000
8 write_file 2,477 1,953 $0.0000
9 check_code 4,457 597 $0.0000
10 check_code 3,005 710 $0.0000