• Flow map reference: Figma Application Flow 2026 node 1276:2440.
• FlowCard layout: step badge, bold uppercase title, preview, then brand-primary mono path with link icon.
• Connectors use brand-primary lines and CSS chevrons in a gutter between cards; do not position connectors over thumbnails.
• Built steps with ready or new status render LivePageEmbedPreview via the real library route with ?embed=1.
• Apply grayscale to iframe previews so the map remains neutral while matching real layout.
• ?preview=map should tighten AppFlowShell for map thumbnails.
• Planned or in-progress steps render WireframePagePreview.
• Adding a ready step should only require Body registration in personalLoanFlow.ts; the thumbnail updates through iframe preview.
• Add slug defaults in buildFlowMapPreviewSrc.ts only when a preview needs query variants.