stet•••Get started
THE AGENT WORKFLOW

From a sentence
to something you can inspect.

Natural language → structured plan → framework code → verified UI. Deterministic walkthrough; no model runs on this page.

You: Explain this settings screen and make the destructive action understandable.

Agent · Task: I’ll look at the settings screen and help people understand what happens when they delete a workspace.

1 / 8

Start with a useful request.

Explain this settings screen and make the destructive action understandable.

See the technical stet and agent details
Your coding agent receives a task in your project.
This page is a deterministic walkthrough, not a live agent session.
PREBUILT, WORKING FIXTURE
F
FieldnotesWorkspace / Settings
Local demo

A space for the next idea.

Manage the Fieldnotes workspace and its delivery preferences.

DANGER ZONE

Delete workspace

Deletion is irreversible. All projects and API keys in this workspace will be permanently removed.

Your workspace is active.
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": "Explain workspace deletion without replacing the native warning.",
  "annotations": [
    {
      "id": "danger",
      "primitive": "circle",
      "targets": [
        {
          "strategy": "ref",
          "file": "website/src/showcase/Workspace.tsx",
          "locator": "remove",
          "description": "Delete workspace button"
        }
      ],
      "options": {
        "seed": 41,
        "description": "Read the irreversible consequences before deleting.",
        "stroke": "#b33e2b"
      }
    }
  ]
}

Try a concrete implementation handoff, or see Product, UX and QE perspectives in distinct working examples.