What happens from where?

{#if chooser === 'routes'}

Pick an endpoint and this view draws everything it sets in motion — its handler and what runs before it, the calls into the database, a queue, another service, and every response it can send — one box per step, an arrow for every way one leads to the next, and on each arrow the condition under which it happens. Or search a symbol and choose What happens from here.

{:else}

Pick a screen and this view draws everything it sets in motion — its handlers, the calls that cross into native code, the events that come back, the state it writes, the requests that leave the app — one box per step, an arrow for every way one leads to the next, and on each arrow the condition under which it happens. Or search a symbol and choose What happens from here.

{/if} {#if chooser === null}

Reading {screens === null ? 'screens' : 'endpoints'}…

{:else if chooser === 'none'}

No screens or endpoints in this graph. Open a symbol from the search box and follow What happens from here, or link here directly with #/steps?symbol=<name>.

{:else if chooser === 'screens' && screens !== null} {:else if routes !== null} {#each routeGroups(routes) as group (group.file)} {/each} {/if}