1import { css } from "styled-system/css";2import data from "./fixture.json";34type Transaction = {5 id: string;6 date: string;7 description: string;8 category: string;9 amount: number;10 status: "pending" | "booked";};
Violations
5 counted, under 4 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
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
794
52
$0.0000
1
write_file
1,684
1,281
$0.0000
2
stop
2,992
34
$0.0000
cdb5d9e77633
Output cap
20,000 tokens a step
11
12
13type Account = {
14 holder: string;
15 iban: string;
16 currency: string;
17 balance: number;
18 period: { from: string; to: string };
19};
20
21const pendingBadgeStyle = css({
22 color: "#e53e3e",
23 fontStyle: "italic",
24 marginLeft: 4,
25});
26
27export default function OctoberStatement() {
28 const { account, transactions } = data as {
29 account: Account;
30 transactions: Transaction[];
31 };
32
33 return (
34 <div
35 style={{
36 maxWidth: 600,
37 margin: "0 auto",
38 padding: 24,
39 fontFamily: "system-ui, sans-serif",
40 }}
41 >
42 <h1 style={{ marginBottom: 24 }}>{account.holder} – October Statement</h1>