1import data from "./fixture.json";2import { css } from "styled-system/css";3
Violations
26 counted, under 6 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:31:11Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:55:33Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:56:70Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:82:33Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:83:70Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:94:33Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
page.tsx:95:70Use the logical property "marginBlockEnd" instead of the physical "marginBottom".
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
165
25
$0.0000
1
read_file
76
34
$0.0000
2
list_files
1,059
24
$0.0000
3
Output cap
20,000 tokens a step
4const statusLabels: Record<string, string> = {
5 in_transit: "In transit",
6};
7
8function totalWeightKg(packages: { weightKg: number }[]) {
9 return packages.reduce((sum, p) => sum + p.weightKg, 0);
10}
11
12export default function ShipmentDetailPage() {
13 const { shipment, packages, events } = data;
14 const sortedEvents = [...events].sort(
15 (a, b) => new Date(b.at).getTime() - new Date(a.at).getTime()