1"use client";23import { useState } from "react";4import data from "./fixture.json";56import { Alert } from "@vektos/ds";7import { Button } from "@vektos/ds";8import { FormField } from "@vektos/ds";9import { Input } from "@vektos/ds";10import { NumberInput } from "@vektos/ds";import { Select } from "@vektos/ds";
Violations
6 counted, under 4 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
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
list_files
1,367
36
$0.0000
1
read_file
1,423
33
$0.0000
2
list_components
1,711
49
$0.0000
3
cdb5d9e77633
Output cap
20,000 tokens a step
11
12
13type Account = {
14 id: string;
15 name: string;
16 iban: string;
17 available: number;
18};
19
20type FormState = {
21 selectedAccountId: string;
22 beneficiaryName: string;
23 beneficiaryIban: string;
24 amount: number | null;
25 reference: string;
26 errorAmount: string | null;
27 showConfirmation: boolean;
28};
29
30const accounts: Account[] = data.accounts;
31
32export default function Page() {
33 // initialise with the default account from the fixture