4 counted, under 2 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:43:20Unsafe type assertion: type '"instant" | "sepa"' is more narrow than the original type.
page.tsx:169:48Unsafe type assertion: type '"instant" | "sepa"' is more narrow than the original type.
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
118
$0.0006
1
docs-show, docs-show, docs-show, docs-show
6,537
186
$0.0007
2
write_file
9,742
3,684
$0.0028
3
Output cap
The provider's default
4import {
5 Badge,
6 Button,
7 Dialog,
8 DialogClose,
9 DialogContent,
10 DialogFooter,
11 DialogTrigger,
12 Table,
13 TableBody,
14 TableCell,
15 TableHead,
16 TableHeader,
17 TableRow,
18} from "@vektos/ds";
19import { css } from "styled-system/css";
20import data from "./fixture.json";
21
22type Payment = (typeof data.payments)[number];
23type Scheme = keyof typeof data.fees;
24
25const schemeLabels: Record<Scheme, string> = {
26 sepa: "SEPA",
27 instant: "SEPA Instant",
28};
29
30const money = new Intl.NumberFormat("en-GB", {
31 style: "currency",
32 currency: data.currency,
33});
34
35const dateFormat = new Intl.DateTimeFormat("en-GB", {
36 day: "2-digit",
37 month: "short",
38 year: "numeric",
39 timeZone: "UTC",
40});
41
42function feeFor(payment: Payment): number {
43 return data.fees[payment.scheme as Scheme] ?? 0;
44}
45
46const pageStyles = css({
47 display: "flex",
48 flexDirection: "column",
49 gap: "6",
50 padding: "8",
51 maxWidth: "6xl",
52 marginX: "auto",
53});
54
55const summaryStyles = css({
56 display: "grid",
57 gridTemplateColumns: "max-content 1fr",
58 columnGap: "6",
59 rowGap: "2",
60 margin: "0",
61});
62
63const summaryTermStyles = css({
64 color: "fg.muted",
65});
66
67const summaryValueStyles = css({
68 margin: "0",
69 textAlign: "right",
70 fontVariantNumeric: "tabular-nums",
71});
72
73const totalStyles = css({
74 fontWeight: "bold",
75});
76
77const ibanStyles = css({
78 fontFamily: "mono",
79 whiteSpace: "nowrap",
80});
81
82const actionsStyles = css({
83 display: "flex",
84 justifyContent: "flex-end",
85});
86
87export default function PaymentsAwaitingApprovalPage() {