{"version":"1.0","type":"rich","title":"Generated by XState Viz: https://xstate.js.org/viz","description":"This visualization shows a state machine for a multi-step signup and onboarding flow, navigating through states like signup, sniffer, validate, industry, objective, and browse. It uses XState’s `Machine` API to define hierarchical states, transitions, guards (e.g., `hasNotSniffed`, `isNotValidated`), and actions like `goNext` and `goBack` that update the context’s direction. The rendered diagram, generated by XState Viz, illustrates conditional branching on events like `NEXT` and `BACK`, with exit actions assigning `hasSniffed: true` after leaving the sniffer state.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-06d61eb3c3908c95dee4a2370f8dec13?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}