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 3 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 28 $0.0000 1 read_file 80 33 $0.0000 2 get_guidelines, list_components 786 40 $0.0000 3
cdb5d9e77633
Output cap The provider's default 12 Clipboard,
13 DataList,
14 FormatDate,
15 FormatNumber,
16 Heading,
17 Link,
18 RouterProvider,
19 Stack,
20 Table,
21 TableBody,
22 TableCell,
23 TableHead,
24 TableHeader,
25 TableRow,
26 Text,
27 Toaster,
28 Tooltip,
29 toast,
30 } from "@vektos/ds";
31
32 export default function Page() {
33 const router = useRouter();
34 const account = data.account;
35
36 return (
37 <div className={css({ bg: "bg.canvas", color: "fg.default", minH: "100vh" }) + " vektos"}>
38 <RouterProvider
39 navigate={(href) => router.push(href)}
40 prefetch={(href) => router.prefetch(href)}
41 >
42 <Stack gap="6" marginInline="auto" maxWidth="page" p="6">
43 <Breadcrumb
44 items={[{ label: "Accounts", href: "/accounts" }, { label: account.name }]}
45 />
46 <Heading level={1}>{account.name}</Heading>
47
48 <Card>
49 <CardHeader>
50 <CardTitle>Account details</CardTitle>
51 </CardHeader>
52 <CardBody>
53 <DataList
54 items={[
55 { label: "Holder", value: account.holder },
56 {
57 label: "IBAN",
58 value: (
59 <Stack
60 flexDirection="row"
61 alignItems="center"
62 gap="2"
63 onClick={() =>
64 toast({ title: "IBAN copied", tone: "success" })
65 }
66 >
67 <Text as="span" mono>
68 {account.iban}
69 </Text>
70 <Tooltip content="Copy the IBAN to the clipboard">
71 <Clipboard
72 label="IBAN"
73 value={account.iban}
74 showValue={false}
75 />
76 </Tooltip>
77 </Stack>
78 ),
79 },
80 { label: "BIC", value: account.bic },
81 {
82 label: "Balance",
83 value: (
84 <FormatNumber
85 value={account.balance}
86 format="currency"
87 currency={account.currency}
88 />
89 ),
90 },
91 {
92 label: "Available balance",
93 value: (
94 <FormatNumber
95 value={account.available}
96 format="currency"
97 currency={account.currency}
98 />
99 ),
100 },
101 ]}
102 />
103 </CardBody>
104 </Card>
105
106 <Card>
107 <CardHeader>
108 <CardTitle>Recent transactions</CardTitle>
109 </CardHeader>
110 <Table aria-label="Recent transactions">
111 <TableHead>
112 <TableRow>
113 <TableHeader>Date</TableHeader>
114 <TableHeader>Description</TableHeader>
115 <TableHeader numeric>Amount</TableHeader>
116 </TableRow>
117 </TableHead>
118 <TableBody>
119 {data.recent.map((tx) => (
120 <TableRow key={tx.id}>
121 <TableCell>
122 <FormatDate value={tx.date} dateStyle="medium" />
123 </TableCell>
124 <TableCell>{tx.description}</TableCell>
125 <TableCell numeric>
126 <FormatNumber
127 value={tx.amount}
128 format="currency"
129 currency={account.currency}
130 signDisplay="exceptZero"
131 />
132 </TableCell>
133 </TableRow>
134 ))}
135 </TableBody>
136 </Table>
137 </Card>
138
139 <Link href="/accounts/business/transactions" variant="plain">
140 View all transactions
141 </Link>
142 </Stack>
143 </RouterProvider>
144 <Toaster />
145 </div>
146 );
147 }
typecheck/TS2769 0 quality get_component, get_component, get_component, get_component, get_component, get_component
4 get_component, get_component, get_component, get_component, get_component, get_component 5,238 123 $0.0000
5 get_component, get_component, get_component 5,554 583 $0.0000
6 list_files 2,814 1,038 $0.0000
9 list_tokens, list_tokens 1,045 44 $0.0000
10 list_tokens 494 31 $0.0000
13 write_file 113 3,753 $0.0000