docs(reflow): add 'Use the pipeline viewer' tutorial
A third tutorial for the direct-browser path — complementing the
WordPress and (cross-repo) convert-your-first-pdf API tutorials.
This is the fastest path to trying Reflow: drop a PDF in the
browser, watch the five phases run live, inspect the output.
Good for accessibility reviewers, partners piloting, and anyone
who wants to see what the pipeline does before committing to
deeper integration.
Covers the viewer end-to-end:
- Open + upload (drag-and-drop / click / keyboard)
- Watching phases run, including auto-advance toggle
- Layout: stage tabs, page sidebar, split view (image + markdown),
changes panel, stats bar
- Per-stage inspection, including the Analysis-stage structure
metadata panel with page attributes / outline / code blocks /
footnotes
- Downloads (per-stage version, current markdown, copy image,
copy markdown)
- Full keyboard shortcut table — Cmd/Ctrl + 0 through 4 for the
region shortcuts, Cmd/Ctrl + / for help
- Warnings banner semantics
- "New PDF" flow and session lifetime
- Tips on scanned documents, accessibility review, cost
awareness, skip navigation
- What the viewer is NOT (no library, no batch, no collaboration —
point those readers at WP plugin or API integration)
Sourced from the viewer code (clients/viewer/src/pages/
PipelineViewerPage.tsx and components/pipeline-viewer/*) rather
than from a single live run so every keyboard shortcut and every
region the viewer exposes is documented, not just what a
particular session happened to surface.
README tutorials section updated to list both walkthroughs.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>