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.
page.tsx:1:1 · <html lang="en" class="vektos">Document should have one main landmark (1 element, light theme)
page.tsx:1:1 · <html lang="en" class="vektos dark">Document should have one main landmark (1 element, dark theme)
page.tsx:1:1A quantity received above the quantity ordered shows an error on that field. Not done: a step could not run (fill: Timeout 2000ms exceeded.).
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
1,446
50
$0.0000
1
list_components
1,770
45
$0.0000
2
write_file
4,264
1,790
$0.0000
3
cdb5d9e77633
Output cap
20,000 tokens a step
2
3import { useState } from "react";
4import {
5 FormField,
6 NumberInput,
7 Select,
8 Checkbox,
9 Button,
10 Alert,
11 Stack,
12 Text,
13 Textarea,
14} from "@vektos/ds";
15import data from "./fixture.json";
16
17export default function Page() {
18 const po = data.purchaseOrder;
19 const lines = data.lines;
20
21 // received quantity per line, initially equals ordered
check_code: 25 violations:
- line 6: lint/eslint(no-unused-vars): Identifier 'Input' is imported but never used.
- line 14: lint/eslint(no-unused-vars): Identifier 'DataList' is imported but never used.
- line 16: lint/eslint(no-unused-vars): Identifier 'css' is imported but never used.
- line 35: typecheck/TS2532: Object is possibly 'undefined'.
- line 84: raw-values/raw-length: `600px` is a raw length. Use a token.
- line 84: raw-values/raw-length: `2rem auto` is a raw length. Use a token.
- line 88: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 88: outside-styling/styled-from-outside: `direction` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
- line 95: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 102: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 102: outside-styling/styled-from-outside: `direction` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
- line 108: typecheck/TS2322: Type '{ min: number; max: number; value: number; onChange: (e: any) => void; }' is not assignable to type 'IntrinsicAttributes & NumberInputProps'.
- line 108: typecheck/TS7006: Parameter 'e' implicitly has an 'any' type.
- line 128: typecheck/TS2322: Type '{ placeholder: string; onChange: (e: any) => void; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
- line 128: typecheck/TS7006: Parameter 'e' implicitly has an 'any' type.
- line 128: lint/typescript(no-unsafe-type-assertion): Unsafe assertion from `any` detected.
- line 131: typecheck/TS2339: Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
- line 133: typecheck/TS2339: Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
- line 139: typecheck/TS2741: Property 'label' is missing in type '{ children: Element; }' but required in type 'FormFieldProps'.
- line 141: typecheck/TS2322: Type '{ label: string; checked: boolean; onChange: (e: ChangeEvent<HTMLInputElement, Element>) => void; }' is not assignable to type 'IntrinsicAttributes & CheckboxProps'.
- line 149: typecheck/TS2741: Property 'label' is missing in type '{ children: Element; }' but required in type 'FormFieldProps'.
- line 150: typecheck/TS2304: Cannot find name 'Textarea'.
- line 150: lint/react(jsx-no-undef): 'Textarea' is not defined.
- line 153: typecheck/TS7006: Parameter 'e' implicitly has an 'any' type.
- line 161: typecheck/TS2322: Type '{ tone: string; disabled: boolean; onClick: () => void; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
6,080
1,125
$0.0000
4
get_component
1,922
515
$0.0000
5
write_file
1,085
1,849
$0.0000
6
check_code
check_code: 16 violations:
- line 33: typecheck/TS2532: Object is possibly 'undefined'.
- line 79: raw-values/raw-length: `600px` is a raw length. Use a token.
- line 79: raw-values/raw-length: `2rem auto` is a raw length. Use a token.
- line 83: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 90: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 100: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 100: outside-styling/styled-from-outside: `direction` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
- line 106: typecheck/TS2322: Type '{ min: number; max: number; value: number; onChange: (e: any) => void; }' is not assignable to type 'IntrinsicAttributes & NumberInputProps'.
- line 106: typecheck/TS7006: Parameter 'e' implicitly has an 'any' type.
- line 107: lint/typescript(no-unsafe-type-assertion): Unsafe assertion from `any` detected.
- line 125: typecheck/TS2322: Type '{ placeholder: string; onValueChange: (value: string) => void; size: "md"; children: { label: string; value: string; }[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
- line 138: typecheck/TS2741: Property 'label' is missing in type '{ children: Element; }' but required in type 'FormFieldProps'.
- line 140: typecheck/TS2322: Type '{ label: string; checked: boolean; onChange: (e: ChangeEvent<HTMLInputElement, Element>) => void; }' is not assignable to type 'IntrinsicAttributes & CheckboxProps'.
- line 148: typecheck/TS2741: Property 'label' is missing in type '{ children: Element; }' but required in type 'FormFieldProps'.
- line 152: lint/typescript(no-unnecessary-type-assertion): This assertion is unnecessary since it does not change the type of the expression.
- line 160: typecheck/TS2322: Type '{ tone: string; disabled: boolean; onClick: () => void; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
2,961
1,102
$0.0000
7
get_component
2,637
1,200
$0.0000
8
get_component
4,945
1,002
$0.0000
9
get_component
4,715
190
$0.0000
10
write_file
1,394
1,753
$0.0000
11
check_code
check_code: 8 violations:
- line 33: typecheck/TS2532: Object is possibly 'undefined'.
- line 82: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 89: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 99: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 105: typecheck/TS2345: Argument of type 'number | null' is not assignable to parameter of type 'number'.
- line 120: typecheck/TS2322: Type '{ placeholder: string; onValueChange: (value: string) => void; size: "md"; children: { label: string; value: string; }[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
- line 145: lint/typescript(no-unnecessary-type-assertion): This assertion is unnecessary since it does not change the type of the expression.
- line 152: typecheck/TS2322: Type '{ tone: string; disabled: boolean; onClick: () => void; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
3,174
1,029
$0.0000
12
write_file
346
2,386
$0.0000
13
check_code
check_code: 3 violations:
- line 34: typecheck/TS2532: Object is possibly 'undefined'.
- line 142: lint/typescript(no-unnecessary-type-assertion): This assertion is unnecessary since it does not change the type of the expression.
- line 149: typecheck/TS2322: Type '{ tone: string; disabled: boolean; onClick: () => void; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
663
1,023
$0.0000
14
write_file
1,814
2,235
$0.0000
15
check_code
check_code: 2 violations:
- line 34: typecheck/TS2532: Object is possibly 'undefined'.
- line 149: typecheck/TS2322: Type '{ tone: string; disabled: boolean; onClick: () => void; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
1,979
1,017
$0.0000
16
read_file
3,090
797
$0.0000
17
get_component
2,783
426
$0.0000
18
write_file
3,690
1,365
$0.0000
19
check_code
check_code: 1 violations:
- line 34: typecheck/TS2532: Object is possibly 'undefined'.