reflection/beam-free · genui-spec · all runs of loan-contract · Nov 10, 14:28
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. | 909 | 5,375 | $0.0000 |
As the agent left it; marked lines broke a rule.
{ "type": "Stack", "props": { "gap": "6" }, "children": [ { "type": "Heading", "props": { "level": 1, "text": { "$data": "/contract/product" } } }, { "type": "Card", "props": { "title": "Contract details" }, "children": [ { "type": "DataList", "props": { "items": [ { "label": "Contract number", "value": { "$data": "/contract/number" } }, { "label": "Status", "value": { "$data": "/contract/status" } } ] } } ] }, { "type": "Card", "props": { "title": "Key terms" }, "children": [ { "type": "Grid", "props": { "columns": 2 }, "children": [ { "type": "Stat", "props": { "label": "Amount borrowed", "value": { "$data": "/contract/principal" }, "format": "currency", "currency": { "$data": "/contract/currency" } } }, { "type": "Stat", "props": { "label": "Nominal interest rate", "value": { "$data": "/contract/nominalRate" }, "format": "percent" } }, { "type": "Stat", "props": { "label": "APR", "value": { "$data": "/contract/apr" }, "format": "percent" } }, { "type": "Stat", "props": { "label": "Term in months", "value": { "$data": "/contract/termMonths" }, "format": "number" } }, { "type": "Stat", "props": { "label": "Monthly payment", "value": { "$data": "/contract/monthlyPayment" }, "format": "currency", "currency": { "$data": "/contract/currency" } } }, { "type": "Stat", "props": { "label": "Outstanding balance", "value": { "$data": "/contract/outstanding" }, "format": "currency", "currency": { "$data": "/contract/currency" } } } ] }, { "type": "DataList", "props": { "items": [ { "label": "Start date", "value": { "$data": "/contract/startDate" } } ] } } ] }, { "type": "Card", "props": { "title": "Repayment schedule" }, "children": [ { "type": "Table", "props": { "caption": "Repayment schedule", "currency": { "$data": "/contract/currency" }, "columns": [ { "key": "number", "label": "Instalment", "format": "number" }, { "key": "dueDate", "label": "Due date", "format": "date" }, { "key": "payment", "label": "Payment", "format": "currency" }, { "key": "principal", "label": "Principal", "format": "currency" }, { "key": "interest", "label": "Interest", "format": "currency" }, { "key": "remaining", "label": "Balance after", "format": "currency" }, { "key": "status", "label": "Status", "format": "text" } ], "rows": { "$data": "/schedule" } } } ] }, { "type": "Card", "props": { "title": "Signed documents" }, "children": [ { "type": "Table", "props": { "caption": "Signed documents", "columns": [ { "key": "name", "label": "Document", "format": "text" }, { "key": "signedAt", "label": "Signed on", "format": "date" } ], "rows": { "$data": "/documents" } } } ] } ]}