[kvlonge]

Website-only change: the playground page, its styles and its test. Nothing under website/wasm/, and no engine or converter changes.

The "Examples…" dropdown is replaced by always-visible example chips above the editor, in three groups that echo the tagline:

Runs it · verified results	Catches the mistake · a clear no	Says no, clearly · a clear no
Converts and runs: all four pass	Syntax error: stops at Parse	Translation refused: stops at Translate
Decimal division: all four pass	Snowflake rejects it: stops at Check
	Unknown column: stops at Check

• One click loads the example and runs all four stages, as the dropdown did. The chip is marked aria-pressed and highlighted.
• Stop stage: each chip names where its example stops. The label comes from stops in examples.js, and tests/playground.test.mjs derives every example's actual stop stage: the first of parse, checks and translate that does not pass, or, for examples that translate, a run of the translated SQL against the page's fixture tables and rows in the same DuckDB-WASM build the page serves (duckdb-node-blocking, DuckDB v2.0.0). The test fails if a label drifts. I checked this by mislabelling two chips: the test failed on each.
• Deep links: ?example=<slug> (converts-and-runs, decimal-division, syntax-error, snowflake-rejects-it, unknown-column, translation-refused) loads and runs that example. A chip click writes the slug with history.replaceState. The earlier keys (?example=refused, etc.) still work, an unknown slug opens the default example quietly, and ?sql= is unchanged. Editing the SQL clears the chip and removes the slug, so a link never names an example the editor no longer holds.
• Layout and access: the chips are buttons, so Tab and Enter work, with a visible focus outline. They wrap, and the groups stack below 620 px. Colours use the theme variables, so light and dark both work.
• The six examples and their SQL are unchanged.

Checked locally: npm run -s test:engine (12 pass), npm run build, check_links.py (0 broken). In the browser I clicked through all six chips (URL, pressed chip and stages each matched the label), loaded the new slug, an unknown slug, an old key and ?sql= cold, edited the SQL to clear the chip, and pressed Tab then Enter on a chip. Screenshots were taken at 1280 px and 390 px in light and dark.