Human-agent change review

Review the change before it reaches the page.

Give an agent a structured way to inspect web work, surface what matters, and prepare a safe change. The human stays in the approval loop.

No login No external APIs Apply is approval-gated

The review loop Ready to inspect

01 InspectRead the selected page
02 ExplainMake priority issues legible
03 ProposePrepare a reversible change
04 ApproveKeep the human decision visible
05 Apply + reportShip only what was approved

Selected workspace

Northstar marketing site

Marketing website Product marketing

Current page Not inspected

Launch overview /launch · Landing page

The agent can only reason about a page after it is inspected.

Runtime signal

Tool availability

Checking WebMCP support Looking for document.modelContext.registerTool.

Safety boundary Prepare is not apply.

Every external-looking action in this demo stops at a visible human approval state.

Local data Stored in memory only.

Reset demo returns the workspace to its original seeded state.

Agent activity

What changed in this session

No actions yet. Start by inspecting the page.

Priority issues

Decide what deserves attention.

Issues are seeded for a repeatable demo, then exposed through the same stateful tool path an agent would use.

Inspect the page to unlock findings.

The workspace keeps issue discovery grounded in the selected page.

Proposed change

Keep the plan legible.

A proposal is a review artifact, not a hidden mutation.

No proposal

Select an issue to prepare a change.

The before-and-after preview will appear here before anything can be staged.

Selected issue Primary action is too vague Hero / primary action

Change field heroCta

Risk posture Low / reversible

Why this change

Review surface Before / after preview

Before

After

Approval state Not staged

Preview the proposal, then stage it for a human decision.

Locked until a human approves this exact proposal.

Issue explanation

Make the recommendation inspectable.

Choose an issue to see the reasoning.

Explanations stay tied to the selected finding and its page location.

Current page snapshot

Launch overview

northstar.example/launch

NORTHSTAR / PRODUCT MARKETING

A clearer path from first visit to first win

Plan, review, and ship thoughtful web work with an agent that knows when to pause.

Last synced Today, 09:42Original snapshot

Change report

Leave a concise audit trail.

Generate a shareable summary only after the workspace has a real inspection context.

No report generated yet.

Manual fallback

Exercise the same workflow without WebMCP.

If the browser does not expose WebMCP, these controls call the exact same handlers and state transitions. Nothing is simulated behind the scenes.

Always available

Issue