1"use client";23import { useState } from "react";4import data from "./fixture.json";56import {7 Avatar, Text,
Violations
24 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:61:35 · <Stack maxW>`maxW` 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`…).
page.tsx:62:16 · <Stack direction>`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`…).
page.tsx:70:22 · <Stack marginTop>`marginTop` 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`…).
page.tsx:72:33 · <Stack direction>`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`…).
page.tsx:86:22 · <Stack marginTop>`marginTop` 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`…).
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
37
$0.0000
1
list_components
1,724
190
$0.0000
2
write_file
4,363
1,302
$0.0000
3
Design system
cdb5d9e77633
Output cap
The provider's default
8
9 Stack,
10 Switch,
11 Select,
12 Button,
13 Toaster,
14 toast,
15} from "@vektos/ds";
16import { css } from "styled-system/css";
17
18const { name, email } = data.account;
19
20const alerts = data.alerts;
21const { frequency, options } = data.summary;
22
23export default function NotificationSettings() {
page.tsx:87:16 · <Stack direction>`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`…).
page.tsx:101:16 · <Stack direction>`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`…).
page.tsx:101:55 · <Stack marginTop>`marginTop` 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`…).
page.tsx:111:14 · <Stack marginTop>`marginTop` 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`…).
page.tsx:1:1React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element. maxW maxw
page.tsx:1:1React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element. marginTop margintop
page.tsx:1:1Received `%s` for a non-boolean attribute `%s`.
If you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}. true small small true small
page.tsx:61:14Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:61:22Not countedType '"100%"' is not assignable to type 'ConditionalValue<WidthValue>'.
page.tsx:62:32Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:70:14Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:72:49Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:80:19Type '{ small: true; muted: true; children: string; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
page.tsx:86:14Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:87:32Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:89:12Type '{ value: string; onValueChange: Dispatch<SetStateAction<string>>; placeholder: string; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
page.tsx:101:32Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:111:14Not countedType '{ marginTop: number; children: Element; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:112:17Type '"solid"' is not assignable to type '"button" | "reset" | "submit" | undefined'.
page.tsx:73:14Property 'children' is missing in type '{ checked: boolean | undefined; onCheckedChange: (enabled: boolean) => void; }' but required in type 'SwitchProps'.
page.tsx:102:12Property 'children' is missing in type '{ checked: boolean; onCheckedChange: (v: boolean) => void; }' but required in type 'SwitchProps'.