Vetrina

walkthrough

← Lattice ◐ theme

A self-driving product tour — a cursor that narrates and operates real UI, theater over real state, and hands you the wheel the instant you touch anything. Framework-free; it drives plain DOM. Every beat below runs the real engine over the mini dashboard.

Driven by the real engine (@/lib/vetrina): run() owns the take-over race + teardown; the self-directing cursor calls stage.say / point / gesture and ctx.type / awaitUser over the real board above. The board is a working CRUD example — Create (type + Add), Read (the list), Update (click a note to edit), Delete (×), then Publish. The tour calls the same actions.add / update / remove / publish you do — it mutates real state, it doesn't paint it. Operate it yourself any time; touch anything mid-tour and it hands you the wheel. A plain DOM page, no framework — the proof the core is standalone.