1"use client";23import React, { useState, useEffect } from "react";4import data from "./fixture.json";5import { css } from "styled-system/css";67const containerStyle = css({8 maxWidth: 600,9 margin: "0 auto",10 padding: 20,});
Violations
7 counted, under 7 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
read_file
3,876
131
$0.0000
1
write_file
4,291
2,943
$0.0000
2
stop
7,257
21
$0.0000
Design system
cdb5d9e77633
Output cap
The provider's default
11
12
13const headingStyle = css({
14 marginBottom: 16,
15});
16
17const messageStyle = css({
18 marginTop: 12,
19 color: "green",
20});
21
22export default function NotificationSettings() {