<div class="button-container">
	<button
		on:click="toggleDev()"
		class="{$runningDev || $startingDev ? 'pause' : 'play'}"
	>{$runningDev || $startingDev ? 'stop' : 'start'}</button>

	<div class="port">
		port <input disabled={$runningDev || $startingDev} type="number" bind:value=$port>

		{#if $runningDev}
			<a on:click="open(event)" href="http://localhost:{$port}">running</a>
		{:elseif $startingDev}
			starting...
		{:else}
			waiting
		{/if}
	</div>
</div>

<Status type='client' invalid={$invalid.cli