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">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)
page.tsx:1:1Saving without a new quantity shows an error on it. Not done: the field "New quantity" is not marked invalid (aria-invalid, or the browser's own check).
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.
check_code: 46 violations:
- line 4: lint/eslint(no-unused-vars): Identifier 'Input' is imported but never used.
- line 5: lint/eslint(no-unused-vars): Identifier 'css' is imported but never used.
- line 8: lint/eslint(no-unused-vars): Type alias 'Reason' is declared but never used.
- line 30: lint/eslint(no-unused-vars): Variable 'handleSubmit' is declared but never used. Unused variables should start with a '_'.
- line 45: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 45: typecheck/TS2322: Type '"900px"' is not assignable to type 'ConditionalValue<"0" | "1/12" | "1/2" | "1/3" | "1/4" | "1/5" | "1/6" | "10" | "10/12" | "11/12" | "12" | "16" | "2" | "2/12" | "2/3" | "2/4" | "2/5" | "2/6" | "3" | "3/12" | "3/4" | "3/5" | "3/6" | ... 331 more ... | (`var(--${string})/${string}` & { ...; })>'.
- line 45: raw-values/raw-length: `900px` is a raw length. Use a token.
- line 47: 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 47: typecheck/TS2322: Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
- line 48: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 49: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 49: lint/react(jsx-no-undef): 'Text' is not defined.
- line 50: typecheck/TS2607: JSX element class does not support attributes because it does not have a 'props' property.
- line 50: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 50: lint/react(jsx-no-undef): 'Text' is not defined.
- line 51: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 52: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 53: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 53: lint/react(jsx-no-undef): 'Text' is not defined.
- line 54: typecheck/TS2607: JSX element class does not support attributes because it does not have a 'props' property.
- line 54: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 54: lint/react(jsx-no-undef): 'Text' is not defined.
- line 55: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 56: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 57: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 57: lint/react(jsx-no-undef): 'Text' is not defined.
- line 58: typecheck/TS2607: JSX element class does not support attributes because it does not have a 'props' property.
- line 58: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 58: lint/react(jsx-no-undef): 'Text' is not defined.
- line 59: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 60: typecheck/TS2339: Property 'Item' does not exist on type '({ flexDirection, gap, alignItems, justifyContent, flexWrap, UNSAFE_className, UNSAFE_style, ...rest }: StackProps) => Element'.
- line 61: typecheck/TS2786: 'Text' cannot be used as a JSX component.
- line 61: lint/react(jsx-no-undef): 'Text' is not defined.
- line 62: typecheck/TS2607: JSX element class does not support attributes because it does not have …
3,560
1,009
$0.0000
6
get_component
6,555
295
$0.0000
7
get_component
1,243
78
$0.0000
8
get_component
2,322
53
$0.0000
9
get_component
1,154
32
$0.0000
10
get_component
2,294
30
$0.0000
11
get_component
972
30
$0.0000
12
write_file
1,813
1,504
$0.0000
13
check_code
check_code: 21 violations:
- line 18: typecheck/TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
- line 19: typecheck/TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
- line 20: typecheck/TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
- line 21: typecheck/TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
- line 22: typecheck/TS2686: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.
- line 47: outside-styling/styled-from-outside: `className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
- line 47: typecheck/TS2322: Type '{ className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 50: outside-styling/styled-from-outside: `className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
- line 50: typecheck/TS2322: Type '{ className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 53: outside-styling/styled-from-outside: `className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
- line 53: typecheck/TS2322: Type '{ className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 56: outside-styling/styled-from-outside: `className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
- line 56: typecheck/TS2322: Type '{ className: string; children: (string | number)[]; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 69: typecheck/TS2322: Type 'number' is not assignable to type 'string'.
- line 74: outside-styling/styled-from-outside: `className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
- line 74: typecheck/TS2322: Type '{ className: string; children: (string | number | null)[]; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
- line 75: typecheck/TS18047: 'diff' is possibly 'null'.
- line 85: typecheck/TS2322: Type '{ value: string; onValueChange: (v: string) => void; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
- line 93: typecheck/TS2339: Property 'Option' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
- line 95: typecheck/TS2339: Property 'Option' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
- line 102: typecheck/TS2322: Type '{ label: string; description: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
3,344
792
$0.0000
14
write_file
3,096
1,592
$0.0000
15
check_code
check_code: 4 violations:
- line 69: typecheck/TS2322: Type 'number' is not assignable to type 'string'.
- line 75: typecheck/TS18047: 'diff' is possibly 'null'.
- line 92: typecheck/TS2322: Type '{ label: string; description: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
- line 96: lint/typescript(no-unnecessary-type-assertion): This assertion is unnecessary since it does not change the type of the expression.
4,715
772
$0.0000
16
write_file
1,446
1,215
$0.0000
17
check_code
check_code: 1 violations:
- line 69: typecheck/TS2322: Type 'number' is not assignable to type 'string'.
2,689
746
$0.0000
18
write_file
3,482
1,374
$0.0000
19
check_code
check_code: 1 violations:
- line 69: typecheck/TS2322: Type 'number' is not assignable to type 'string'.