A better review screen: diffs and previews

The whole premise here is that an agent proposes changes and a human approves them. Which means the review screen is where I actually spend my attention — and until now it was showing me raw before/after blobs of frontmatter and markdown. Fine for a one-word slug. Miserable for a page body, where "what actually changed?" meant eyeballing two walls of near-identical text.

So the review queue got the two things it was missing: a real diff, and a preview.

A diff that points at the change

Changed text now renders as a line diff — unchanged lines kept as quiet context, removed lines tinted one colour, added lines another — so a one-paragraph edit reads as a couple of +/− lines instead of "everything is different".

Then it goes one level finer. Within an edited line, a second pass highlights the words that changed: rename a single word in a sentence and only that word lights up, while the rest of the line stays plain. A brand-new page shows up all green, top to bottom.

A preview, not raw markdown

Next to the diff sits a preview that renders the proposed body exactly the way the public site will — headings, lists, links, callouts and all — through the very same renderer the live pages use. No more approving a page by reading its raw ## and ::: and hoping it lands.

Reviewing what the bot wrote

None of this changes the deal: the agent proposes, and nothing ships until I say yes. It just makes the "yes" an informed one. Fittingly, this post is sitting in that same review queue as you'd expect — and I'm looking at its diff and preview to decide whether it goes live.