10 counted, under 6 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:71:3Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:77:3Use the logical property "borderBlockStart" instead of the physical "borderTop".
page.tsx:79:3Use the logical property "paddingBlockStart" instead of the physical "paddingTop".
page.tsx:78:16 · neutral.200`neutral.200` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:127:64 · neutral.600`neutral.600` is a palette shade: it ignores the theme. Use a semantic color token.
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, docs-list
5,396
128
$0.0006
1
docs-show, docs-show, docs-show, docs-show
6,547
186
$0.0007
2
write_file
9,752
3,996
$0.0030
3
Output cap
The provider's default
3
4import {
5 Badge,
6 Button,
7 Dialog,
8 DialogClose,
9 DialogContent,
10 DialogFooter,
11 Table,
12 TableBody,
13 TableCell,
14 TableHead,
15 TableHeader,
16 TableRow,
17} from "@vektos/ds";
18import { css } from "styled-system/css";
19import data from "./fixture.json";
20
21type Payment = {
22 id: string;
23 beneficiary: string;
24 iban: string;
25 amount: number;
26 dueDate: string;
27 scheme: string;
28 reference: string;
29};
30
31const payments: Payment[] = data.payments;
32const fees: Record<string, number> = data.fees;
33const schemeLabels: Record<string, string> = {
34 sepa: "SEPA transfer",
35 instant: "Instant transfer",
36};
37
38const money = new Intl.NumberFormat("en-IE", {
39 style: "currency",
40 currency: data.currency,
41});
42const amountFormat = new Intl.NumberFormat("en-IE", {
43 minimumFractionDigits: 2,
44 maximumFractionDigits: 2,
45});
46const dateFormat = new Intl.DateTimeFormat("en-GB", {