Agent · UX · QE
Review & reproduce a bug
Reproduce the problem. Inspect the fix.
Bug observation
Submit this form with no release name. Mark where validation becomes confusing.
FieldnotesReleases / New preview
Local demoWHAT THIS MAKES EASIER
Compare the buggy form with the fixed version: the fix moves focus to the invalid name field. Green ink identifies the corrected behavior.
Try it: leave the name empty and click Publish preview. Use Tab to inspect where focus went.
Inspect plan, source & verification
Actual schema-valid React plan. Targets refer to source refs; this JSON is never executed by the drawing runtime. After installing @funsaized/stet, copy to annotation-plan.json and run ./node_modules/.bin/stet validate annotation-plan.json --json.
{
"version": 1,
"framework": "react",
"intent": "Reproduce an invalid release submission and show the focus failure without fixing it.",
"annotations": [
{
"id": "focus",
"primitive": "circle",
"targets": [
{
"strategy": "ref",
"file": "website/src/showcase/Release.tsx",
"locator": "submit",
"description": "Submit control retaining focus after an invalid attempt"
}
],
"options": {
"seed": 61,
"description": "Reproduced defect: invalid submit leaves focus on the submit button.",
"stroke": "#b33e2b"
}
}
]
}