Runs / loan-contract Batch Runs from different design-system versions should not be compared.
The page A screenshot in each theme, as the benchmark took it.
page.tsx As the agent left it; marked lines broke a rule.
Violations 8 counted, under 2 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,767 69 $0.0000 1 read_file 1,856 38 $0.0000 2 write_file 4,760 793 $0.0000 3
cdb5d9e77633
Output cap The provider's default 4
5 export default function LoanDetailPage() {
6 const {
7 contract: {
8 number,
9 product,
10 status,
11 principal,
12 nominalRate,
13 apr,
14 termMonths,
15 monthlyPayment,
16 startDate,
17 outstanding,
18 },
19 schedule,
20 documents,
21 } = data;
22
23 return (
24 <div>
25 <header>
26 <h1>{product}</h1>
27 <p>
28 Contract number: {number} <strong>{status}</strong>
29 </p>
30 </header>
31
32 <section>
33 <h2>Key terms</h2>
34 <ul>
35 <li>Amount borrowed: {principal} {data.currency}</li>
36 <li>Nominal interest rate: {Math.round(nominalRate * 100)}%</li>
37 <li>APR: {Math.round(apr * 100)}%</li>
38 <li>Term: {termMonths} months</li>
39 <li>Monthly payment: {monthlyPayment} {data.currency}</li>
40 <li>Start date: {startDate}</li>
41 <li>Outstanding: {outstanding} {data.currency}</li>
42 </ul>
43 </section>
44
45 <section>
46 <h2>Repayment schedule</h2>
47 <table>
48 <thead>
49 <tr>
50 <th>Due date</th>
51 <th>Payment</th>
52 <th>Principal</th>
53 <th>Interest</th>
54 <th>Balance</th>
55 <th>Status</th>
56 </tr>
57 </thead>
58 <tbody>
59 {schedule.map((inst) => (
60 <tr key={inst.number}>
61 <td>{inst.dueDate}</td>
62 <td>{inst.payment} {data.currency}</td>
63 <td>{inst.principal} {data.currency}</td>
64 <td>{inst.interest} {data.currency}</td>
65 <td>{inst.remaining} {data.currency}</td>
66 <td>{inst.status}</td>
67 </tr>
68 ))}
69 </tbody>
70 </table>
71 </section>
72
73 <section>
74 <h2>Signed documents</h2>
75 <ul>
76 {documents.map((doc) => (
77 <li key={doc.name}>
78 {doc.name}: signed {doc.signedAt}
79 </li>
80 ))}
81 </ul>
82 </section>
83 </div>
84 );
85 }
Property 'currency' does not exist on type '{ contract: { number: string; product: string; status: string; borrower: string; currency: string; principal: number; nominalRate: number; apr: number; termMonths: number; monthlyPayment: number; startDate: string; outstanding: number; }; schedule: { ...; }[]; documents: { ...; }[]; }'.
page.tsx:64:43 Property 'currency' does not exist on type '{ contract: { number: string; product: string; status: string; borrower: string; currency: string; principal: number; nominalRate: number; apr: number; termMonths: number; monthlyPayment: number; startDate: string; outstanding: number; }; schedule: { ...; }[]; documents: { ...; }[]; }'. page.tsx:65:44 Property 'currency' does not exist on type '{ contract: { number: string; product: string; status: string; borrower: string; currency: string; principal: number; nominalRate: number; apr: number; termMonths: number; monthlyPayment: number; startDate: string; outstanding: number; }; schedule: { ...; }[]; documents: { ...; }[]; }'.