1"use client";23import React, { useState } from "react";4import { css } from "styled-system/css";5import data from "./fixture.json";67type Line = {8 sku: string;9 name: string;10 ordered: number;
Violations
21 counted, under 10 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:73:5 · <textarea>`<textarea>` has a design-system equivalent: use `Textarea` from `@vektos/ds`.
page.tsx:116:11 · <table>`<table>` has a design-system equivalent: use `Table` from `@vektos/ds`.
page.tsx:131:21 · <input>`<input>` has a design-system equivalent: use `NumberInput` from `@vektos/ds`.
page.tsx:159:11 · <select>`<select>` has a design-system equivalent: use `Select` from `@vektos/ds`.
page.tsx:177:13 · <input>`<input>` has a design-system equivalent: use `Checkbox` or `Switch` from `@vektos/ds`.
page.tsx:187:9 · <button>`<button>` has a design-system equivalent: use `Button` from `@vektos/ds`.
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
879
40
$0.0000
1
write_file
1,193
3,194
$0.0000
2
stop
4,414
31
$0.0000
cdb5d9e77633
Output cap
20,000 tokens a step
11 unit: string;
12};
13
14type FormState = {
15 received: number[];
16 error: boolean[];
17 dock: string | null;
18 damaged: boolean;
19 note: string;
20 submitted: boolean;
21};
22
23export default function Page() {
24 const lines: Line[] = data.lines;
25
26 // Initialise received quantities to the ordered amount
page.tsx:1:1The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.