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 5 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,407 40 $0.0000 1 list_components 2,217 73 $0.0000 2 write_file 2,643 1,406 $0.0000 3
Design system
cdb5d9e77633
Output cap The provider's default 12 Table,
13 TableHead,
14 TableBody,
15 TableRow,
16 TableHeader,
17 TableCell,
18 Stack,
19 Heading,
20 FormatNumber,
21 } from "@vektos/ds";
22
23 const contract = data.contract;
24 const { schedule, documents } = data;
25
26 export default function Page() {
27 return (
28 <>
29 <Card>
30 <CardHeader>
31 <CardTitle>{contract.product}</CardTitle>
32 <Stack gap={2} align="center">
33 <Heading level={3}>Contract {contract.number}</Heading>
34 <Badge variant="secondary">{contract.status}</Badge>
35 </Stack>
36 </CardHeader>
37
38 <CardBody>
39 <DataList>
40 <DataList.Row>
41 <DataList.Label>Amount borrowed</DataList.Label>
42 <DataList.Value>{FormatNumber value={contract.principal} format="currency" currency={contract.currency} /></DataList.Value>
43 </DataList.Row>
44 <DataList.Row>
45 <DataList.Label>Nominal interest rate</DataList.Label>
46 <DataList.Value>{(contract.nominalRate * 100).toFixed(2)}%</DataList.Value>
47 </DataList.Row>
48 <DataList.Row>
49 <DataList.Label>APR</DataList.Label>
50 <DataList.Value>{(contract.apr * 100).toFixed(2)}%</DataList.Value>
51 </DataList.Row>
52 <DataList.Row>
53 <DataList.Label>Term</DataList.Label>
54 <DataList.Value>{contract.termMonths} months</DataList.Value>
55 </DataList.Row>
56 <DataList.Row>
57 <DataList.Label>Monthly payment</DataList.Label>
58 <DataList.Value>{FormatNumber value={contract.monthlyPayment} format="currency" currency={contract.currency} /></DataList.Value>
59 </DataList.Row>
60 <DataList.Row>
61 <DataList.Label>Start date</DataList.Label>
62 <DataList.Value>{new Date(contract.startDate).toLocaleDateString()}</DataList.Value>
63 </DataList.Row>
64 <DataList.Row>
65 <DataList.Label>Outstanding</DataList.Label>
66 <DataList.Value>{FormatNumber value={contract.outstanding} format="currency" currency={contract.currency} /></DataList.Value>
67 </DataList.Row>
68 </DataList>
69 </CardBody>
70 </Card>
71
72 <Card>
73 <CardHeader>
74 <CardTitle>Repayment schedule</CardTitle>
75 </CardHeader>
76 <CardBody>
77 <Table>
78 <TableHead>
79 <TableRow>
80 <TableHeader>Due date</TableHeader>
81 <TableHeader>Payment</TableHeader>
82 <TableHeader>Principal</TableHeader>
83 <TableHeader>Interest</TableHeader>
84 <TableBalance>Balance left</TableBalance>
85 <TableHeader>Status</TableHeader>
86 </TableRow>
87 </TableHead>
88 <TableBody>
89 {schedule.map((inst) => (
90 <TableRow key={inst.number}>
91 <TableCell>{new Date(inst.dueDate).toLocaleDateString()}</TableCell>
92 <TableCell>{FormatNumber value={inst.payment} format="currency" currency={contract.currency}}</TableCell>
93 <TableCell>{FormatNumber value={inst.principal} format="currency" currency={contract.currency}}</TableCell>
94 <TableCell>{FormatNumber value={inst.interest} format="currency" currency={contract.currency}}</TableCell>
95 <TableCell>{FormatNumber value={inst.remaining} format="currency" currency={contract.currency}}</TableCell>
96 <TableCell>
97 <Badge variant={inst.status}>{inst.status}</Badge>
98 </TableCell>
99 </TableRow>
100 ))}
101 </TableBody>
102 </Table>
103 </CardBody>
104 </Card>
105
106 <Card>
107 <CardHeader>
108 <CardTitle>Signed documents</CardTitle>
109 </CardHeader>
110 <CardBody>
111 <DataList>
112 {documents.map((doc) => (
113 <DataList.Row key={doc.name}>
114 <DataList.Label>{doc.name}</DataList.Label>
115 <DataList.Value>{new Date(doc.signedAt).toLocaleDateString()}</DataList.Value>
116 </DataList.Row>
117 ))}
118 </DataList>
119 </CardBody>
120 </Card>
121 </>
122 );
123 }
page.tsx:92:111
Unexpected token. Did you mean `{'}'}` or `}`?
typecheck/TS1382 3 quality lint/syntax-error 1 quality render/build-failed 1 completeness 4 check_code 4,238 1,172 $0.0000