2 counted, under 1 rule. “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">Page should contain a level-one heading (1 element, light theme)
page.tsx:1:1 · <html lang="en" class="vektos dark">Page should contain a level-one heading (1 element, dark theme)
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,397
37
$0.0000
1
list_components
1,999
415
$0.0000
2
get_component
4,863
550
$0.0000
3
cdb5d9e77633
Output cap
20,000 tokens a step
3import {
4 Card,
5 Table,
6 TableHead,
7 TableBody,
8 TableRow,
9 TableHeader,
10 TableCell,
11 Badge,
12 Stack,
13 Text,
14} from "@vektos/ds";
15
16export default function PickListPage() {
17 const { order, lines } = data;
18
19 // Sort lines by location (aisle first alphabetical order)
20 const sorted = [...lines].toSorted((a, b) => a.location.localeCompare(b.location));
check_code: 26 violations:
- line 5: lint/eslint(no-unused-vars): Identifier 'CardHeader' is imported but never used.
- line 6: lint/eslint(no-unused-vars): Identifier 'CardTitle' is imported but never used.
- line 7: lint/eslint(no-unused-vars): Identifier 'CardDescription' is imported but never used.
- line 22: lint/unicorn(no-array-sort): Use `Array#toSorted()` instead of `Array#sort()`.
- line 29: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 30: outside-styling/styled-from-outside: `fontSize` is not a layout prop of `Text`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
- line 30: typecheck/TS2322: Type '{ fontSize: string; fontWeight: string; children: string[]; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 30: outside-styling/styled-from-outside: `fontWeight` is not a layout prop of `Text`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
- line 33: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 64: typecheck/TS2304: Cannot find name 'TableCell'.
- line 64: lint/react(jsx-no-undef): 'TableCell' is not defined.
- line 64: typecheck/TS2304: Cannot find name 'TableCell'.
- line 65: typecheck/TS2304: Cannot find name 'TableCell'.
- line 65: lint/react(jsx-no-undef): 'TableCell' is not defined.
- line 65: typecheck/TS2304: Cannot find name 'TableCell'.
- line 66: typecheck/TS2304: Cannot find name 'TableCell'.
- line 66: lint/react(jsx-no-undef): 'TableCell' is not defined.
- line 66: typecheck/TS2304: Cannot find name 'TableCell'.
- line 67: typecheck/TS2304: Cannot find name 'TableCell'.
- line 67: lint/react(jsx-no-undef): 'TableCell' is not defined.
- line 67: typecheck/TS2304: Cannot find name 'TableCell'.
- line 68: typecheck/TS2304: Cannot find name 'TableCell'.
- line 68: lint/react(jsx-no-undef): 'TableCell' is not defined.
- line 72: typecheck/TS2304: Cannot find name 'TableCell'.
- line 78: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 78: outside-styling/styled-from-outside: `mt` 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`…).
3,742
624
$0.0000
7
write_file
964
1,662
$0.0000
8
check_code
check_code: 4 violations:
- line 27: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 28: typecheck/TS2322: Type '"xl"' is not assignable to type '"lg" | "md" | "sm" | "xs"'.
- line 31: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 76: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.