1"use client";23import React, { useState } from "react";4import { FormatNumber } from "@vektos/ds";5import {6 FormField,7 Input,8 NumberInput,9 Select,10 SelectTrigger,
Violations
22 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:65:16Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
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.
125 {/* Submit button – disabled while error or amount > balance */}
126 <Button
127 type="submit"
128 disabled={error || submitted}
129 onClick={handleSubmit}
130 >
131 {submitted ? "Sent" : "Send transfer"}
132 </Button>
133 </Stack>
134
135 {/* Confirmation after successful submit */}
136 {submitted && (
137 <Alert tone="success" variant="subtle">
138 Transfer of{" "}
139 <FormatNumber
140 value={Number(amount)}
141 format="currency"
142 currency={data.currency}
143 />{" "}
144 to {beneficiaryName} was successful.
145 </Alert>
146 )}
147 </CardBody>
148 </Card>
149 );
150}
page.tsx:71:14Type '{ onValueChange: (value: string) => void; defaultValue: string; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
page.tsx:109:15Type 'string' is not assignable to type 'number'.
page.tsx:128:13Type 'string | boolean' is not assignable to type 'boolean | undefined'.
page.tsx:137:33Type '{ tone: "success"; variant: string; children: (string | Element)[]; }' is not assignable to type 'IntrinsicAttributes & AlertProps'.