1"use client";23import data from "./fixture.json";4import { css } from "styled-system/css";56interface Line {7 line: number;8 sku: string;9 name: string;10 location: string;11 quantity: number; unit: string;
Violations
10 counted, under 4 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:39:15 · 800px`800px` is a raw length. Use a token.
page.tsx:40:13 · 2rem auto`2rem auto` is a raw length. Use a token.
page.tsx:47:16 · 1rem`1rem` is a raw length. Use a token.
page.tsx:52:14 · 0.5rem`0.5rem` is a raw length. Use a token.
page.tsx:59:14 · 0.5rem`0.5rem` is a raw length. Use a token.
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
830
40
$0.0000
1
write_file
1,435
1,709
$0.0000
2
stop
1,074
44
$0.0000
cdb5d9e77633
Output cap
20,000 tokens a step
12
13 picked: boolean;
14}
15
16interface OrderData {
17 order: {
18 number: string;
19 customer: string;
20 picker: string;
21 dueBy: string;
22 };
23 lines: Line[];
24}
25
26export default function PickList() {
27 const raw: OrderData = data;
28
29 // Sort by location (aisle first). Location format like "A-01-01", so string sort gives aisle order.
30 const sorted = raw.lines.sort((a, b) => a.location.localeCompare(b.location));