reflection/beam-free · genui-spec · all runs of card-dispute · Nov 10, 14:05
Runs from different design-system versions should not be compared.
A screenshot in each theme, as the benchmark took it.
As the agent left it; marked lines broke a rule.
import { GeneratedView } from "@vektos/genui";import data from "./fixture.json";import spec from "./spec.json";None. The run followed every rule that was checked.
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 | submit_view submit_view: The view is accepted. Stop here. | 9 | 6,319 | $0.0000 |
As the agent left it; marked lines broke a rule.
{ "type": "Stack", "props": { "gap": "4" }, "children": [ { "type": "Heading", "props": { "level": 1, "text": "Dispute a card payment" } }, { "type": "Table", "props": { "caption": "Payment being disputed", "currency": { "$data": "/transaction/currency" }, "columns": [ { "key": "merchant", "label": "Merchant", "format": "text" }, { "key": "date", "label": "Date", "format": "date" }, { "key": "amount", "label": "Amount", "format": "currency" }, { "key": "card", "label": "Card", "format": "text" } ], "rows": [ { "merchant": { "$data": "/transaction/merchant" }, "date": { "$data": "/transaction/date" }, "amount": { "$data": "/transaction/amount" }, "card": { "$data": "/transaction/card" } } ] } }, { "type": "Alert", "props": { "title": "Dispute deadline", "text": "You must open this dispute within 120 days of the payment.", "tone": "warning" } }, { "type": "Form", "props": { "submit": "Open dispute" }, "children": [ { "type": "SelectField", "props": { "label": "Reason", "required": true, "options": { "$data": "/reasons", "pick": "label" }, "placeholder": "Select a reason" } }, { "type": "TextField", "props": { "label": "What happened", "required": true, "kind": "long", "minLength": 30, "placeholder": "Describe what happened" } }, { "type": "Checkbox", "props": { "label": "I contacted the merchant first and could not solve it", "required": true } } ] } ]}