Runs / account-details Batch Runs from different design-system versions should not be compared.
page.tsx As the agent left it; marked lines broke a rule.
Violations 4 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 list_files 486 30 $0.0000 1 read_file, list_files 82 46 $0.0000 2 get_guidelines, list_components 493 40 $0.0000 3
cdb5d9e77633
Output cap The provider's default 12 CardTitle,
13 Clipboard,
14 DataList,
15 FormatDate,
16 FormatNumber,
17 Heading,
18 Link,
19 RouterProvider,
20 Stack,
21 Table,
22 TableBody,
23 TableCell,
24 TableHead,
25 TableHeader,
26 TableRow,
27 Text,
28 Toaster,
29 Tooltip,
30 toast,
31 } from "@vektos/ds";
32
33 import data from "./fixture.json";
34
35 export default function AccountPage() {
36 const router = useRouter();
37 const account = data.account;
38 const recent = data.recent;
39
40 return (
41 <RouterProvider
42 navigate={(href: string) => router.push(href)}
43 prefetch={(href: string) => router.prefetch(href)}
44 >
45 <div
46 className={`vektos ${css({
47 minHeight: "100vh",
48 bg: "bg.canvas",
49 color: "fg.default",
50 px: { base: "4", md: "8" },
51 py: "6",
52 })}`}
53 >
54 <Stack gap="6" maxWidth="lg" marginInline="auto">
55 <Breadcrumb
56 items={[{ label: "Accounts", href: "/accounts" }, { label: account.name }]}
57 />
58
59 <Heading level={1}>{account.name}</Heading>
60
61 <Card>
62 <CardHeader>
63 <CardTitle>Account details</CardTitle>
64 </CardHeader>
65 <CardBody>
66 <DataList
67 items={[
68 { label: "Holder", value: account.holder },
69 {
70 label: "IBAN",
71 value: (
72 <Stack flexDirection="row" alignItems="center" gap="2">
73 <Text as="span" mono>
74 {account.iban}
75 </Text>
76 <span
77 onClick={() =>
78 toast({ title: "IBAN copied", tone: "success" })
79 }
80 >
81 <Tooltip content="Copy the IBAN to the clipboard">
82 <Clipboard
83 label="IBAN"
84 value={account.iban}
85 showValue={false}
86 />
87 </Tooltip>
88 </span>
89 </Stack>
90 ),
91 },
92 { label: "BIC", value: account.bic },
93 {
94 label: "Balance",
95 value: (
96 <FormatNumber
97 value={account.balance}
98 format="currency"
99 currency={account.currency}
100 />
101 ),
102 },
103 {
104 label: "Available balance",
105 value: (
106 <FormatNumber
107 value={account.available}
108 format="currency"
109 currency={account.currency}
110 />
111 ),
112 },
113 ]}
114 />
115 </CardBody>
116 </Card>
117
118 <Card>
119 <CardHeader>
120 <CardTitle>Recent transactions</CardTitle>
121 <CardDescription>The five most recent.</CardDescription>
122 </CardHeader>
123 <Table aria-label="Recent transactions">
124 <TableHead>
125 <TableRow>
126 <TableHeader>Date</TableHeader>
127 <TableHeader>Description</TableHeader>
128 <TableHeader numeric>Amount</TableHeader>
129 </TableRow>
130 </TableHead>
131 <TableBody>
132 {recent.map((tx) => (
133 <TableRow key={tx.id}>
134 <TableCell>
135 <FormatDate value={tx.date} dateStyle="medium" />
136 </TableCell>
137 <TableCell>{tx.description}</TableCell>
138 <TableCell numeric>
139 <FormatNumber
140 value={tx.amount}
141 format="currency"
142 currency={account.currency}
143 signDisplay="exceptZero"
144 />
145 </TableCell>
146 </TableRow>
147 ))}
148 </TableBody>
149 </Table>
150 <CardFooter>
151 <Link href="/accounts/business/transactions" variant="plain">
152 View all transactions
153 </Link>
154 </CardFooter>
155 </Card>
156 </Stack>
157 <Toaster />
158 </div>
159 </RouterProvider>
160 );
161 }
`100vh` is a raw length. Use a token.
render/runtime-error 1 completeness typecheck/TS2769 0 quality get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component, get_component
4 list_tokens, list_tokens 15,497 748 $0.0000
5 list_files 1,937 37 $0.0000
11 get_component 110 96 $0.0000
12 get_component 736 30 $0.0000
13 read_file 484 1,122 $0.0000
14 list_files 1,189 28 $0.0000
17 read_file 14,584 1,096 $0.0000
18 write_file 1,175 4,141 $0.0000
19 list_tokens 4,188 117 $0.0000