Runs / loan-contract Batch Runs from different design-system versions should not be compared.
page.tsx As the agent left it; marked lines broke a rule.
Violations 16 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 read_file 1,212 40 $0.0000 1 list_components 2,022 96 $0.0000 2 write_file 4,567 1,638 $0.0000 3
cdb5d9e77633
Output cap The provider's default 12 DataListTerm,
13 DataListDescription,
14 Table,
15 TableHead,
16 TableBody,
17 TableRow,
18 TableHeader,
19 TableCell,
20 Badge,
21 Heading,
22 Stack,
23 Text,
24 FormatNumber,
25 } from "@vektos/ds";
26
27 export default function LoanContractDetail() {
28 const { contract, schedule, documents } = data;
29
30 return (
31 <Card>
32 <CardHeader>
33 <Heading level={2}>Personal loan contract</Heading>
34 </CardHeader>
35
36 <CardBody>
37 <Stack gap={4}>
38 <Stack direction="row" gap={2}>
39 <DataList>
40 <DataListItem>
41 <DataListTerm>Product</DataListTerm>
42 <DataListDescription>{contract.product}</DataListDescription>
43 </DataListItem>
44 <DataListItem>
45 <DataListTerm>Contract number</DataListTerm>
46 <DataListDescription>{contract.number}</DataListDescription>
47 </DataListItem>
48 </DataList>
49 <Badge variant="surface">{contract.status}</Badge>
50 </Stack>
51
52 <DataList>
53 <DataListItem>
54 <DataListTerm>Amount borrowed</DataListTerm>
55 <DataListDescription>
56 {FormatNumber value={contract.principal} format="currency" currency="EUR"}
57 </DataListDescription>
58 </DataListItem>
59 <DataListItem>
60 <DataListTerm>Nominal interest rate</DataListTerm>
61 <DataListDescription>
62 {(contract.nominalRate * 100).toFixed(2)}%
63 </DataListDescription>
64 </DataListItem>
65 <DataListItem>
66 <DataListTerm>APR</DataListTerm>
67 <DataListDescription>
68 {(contract.apr * 100).toFixed(2)}%
69 </DataListDescription>
70 </DataListItem>
71 <DataListItem>
72 <DataListTerm>Term</DataListTerm>
73 <DataListDescription>{contract.termMonths} months</DataListDescription>
74 </DataListItem>
75 <DataListItem>
76 <DataListTerm>Monthly payment</DataListTerm>
77 <DataListDescription>
78 {FormatNumber value={contract.monthlyPayment} format="currency" currency="EUR"}
79 </DataListDescription>
80 </DataListItem>
81 <DataListItem>
82 <DataListTerm>Start date</DataListTerm>
83 <DataListDescription>{contract.startDate}</DataListDescription>
84 </DataListItem>
85 <DataListItem>
86 <DataListTerm>Outstanding</DataListTerm>
87 <DataListDescription>
88 {FormatNumber value={contract.outstanding} format="currency" currency="EUR"}
89 </DataListDescription>
90 </DataListItem>
91 </DataList>
92 </Stack>
93 </CardBody>
94
95 <CardFooter>
96 <Heading level={3}>Repayment schedule</Heading>
97 <Table>
98 <TableHead>
99 <TableRow>
100 <TableColumn>Due date</TableColumn>
101 <TableColumn>Payment</TableColumn>
102 <TableColumn>Principal</TableColumn>
103 <TableColumn>Interest</TableColumn>
104 <TableColumn>Balance</TableColumn>
105 <TableColumn>Status</TableColumn>
106 </TableRow>
107 </TableHead>
108 <TableBody>
109 {schedule.map((instalment) => (
110 <TableRow key={instalment.number}>
111 <TableCell>{instalment.dueDate}</TableCell>
112 <TableCell>
113 {FormatNumber value={instalment.payment} format="currency" currency="EUR"}
114 </TableCell>
115 <TableCell>
116 {FormatNumber value={instalment.principal} format="currency" currency="EUR"}
117 </TableCell>
118 <TableCell>
119 {FormatNumber value={instalment.interest} format="currency" currency="EUR"}
120 </TableCell>
121 <TableCell>
122 {FormatNumber value={instalment.remaining} format="currency" currency="EUR"}
123 </TableCell>
124 <TableCell>
125 <Badge variant={instalment.status}>{instalment.status}</Badge>
126 </TableCell>
127 </TableRow>
128 ))}
129 </TableBody>
130 </Table>
131 </CardFooter>
132
133 <CardFooter>
134 <Heading level={3}>Signed documents</Heading>
135 <Stack gap={2}>
136 {documents.map((doc) => (
137 <Stack direction="row" gap={1} key={doc.name}>
138 <Text>{doc.name}</Text>
139 <Text>{doc.signedAt}</Text>
140 </Stack>
141 ))}
142 </Stack>
143 </CardFooter>
144 </Card>
145 );
146 }
page.tsx:56:90
Unexpected token. Did you mean `{'}'}` or `}`?
lint/syntax-error 1 quality render/build-failed 1 completeness