1"use client";23import { Toaster } from "@vektos/ds";4import {5 Stack,6 Switch,7 Checkbox,8 Select,9 Button,10 Text,11} from "@vektos/ds";
Violations
19 counted, under 8 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:56:14Type '{ spacing: number; width: "full"; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:58:15Type '"xl"' is not assignable to type '"lg" | "md" | "sm" | "xs"'.
page.tsx:58:25Type '"bold"' is not assignable to type '"medium" | "normal" | "semibold"'.
page.tsx:66:16Type '{ spacing: number; children: (Element[] | Element)[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:71:20Type '{ spacing: number; key: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:86:16Type '{ spacing: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:98:18Type '{ spacing: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
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.
Step
Tools
Tokens in
Tokens out
Cost
0
read_file
1,403
46
$0.0000
1
list_components
1,733
53
$0.0000
2
get_component
4,235
739
$0.0000
3
Design system
cdb5d9e77633
Output cap
The provider's default
12import { css } from "styled-system/css";
13
14import data from "./fixture.json";
15
16const sectionMargin = css({ margin: 4 });
17
18export default function NotificationSettingsPage() {
page.tsx:72:16Type '{ checked: boolean | undefined; onCheckedChange: (checked: boolean) => void; helperText: string; children: string; }' is not assignable to type 'SwitchProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.