1import { css } from "styled-system/css";2import data from "./fixture.json";34const warehouse = data.warehouse;5const items = data.items;67export default function WarehouseStockPage() {8 const reorderCount = items.filter((item) => item.onHand <= item.reorderPoint).length;910 return (11 <main
Violations
19 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:24:36 · gray.600`gray.600` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:39:17 · gray.50`gray.50` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:46:56 · gray.600`gray.600` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:53:17 · gray.50`gray.50` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:60:56 · gray.600`gray.600` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:86:36 · gray.200`gray.200` is a palette shade: it ignores the theme. Use a semantic color token.
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.