{#if $showCallOverlay}
{#if camera}
{ if (assistantSpeaking) { stopAllAudio(); } }} > {#if emoji}
{emoji}
{:else if loading || assistantSpeaking}
{:else}
{/if}
{/if}
{#if !camera}
{ if (assistantSpeaking) { stopAllAudio(); } }} > {#if emoji}
{emoji}
{:else if loading || assistantSpeaking}
{:else}
{/if}
{:else}
{ stopCamera(); }} >
{/if}
{#if camera}
{ console.log(e.detail); selectedVideoInputDeviceId = e.detail; await stopVideoStream(); await startVideoStream(); }} >
{:else}
{ await navigator.mediaDevices.getUserMedia({ video: true }); startCamera(); }} >
{/if}
{ if (assistantSpeaking) { stopAllAudio(); } }} >
{#if loading} {$i18n.t('Thinking...')} {:else if assistantSpeaking} {$i18n.t('Tap to interrupt')} {:else} {$i18n.t('Listening...')} {/if}
{#if showSpeedMenu}
showSpeedMenu = false} role="menu" tabindex="0" > {#each speedOptions as speed}
setSpeedRate(speed)} class="block w-full px-4 py-2 text-left hover:bg-gray-100 dark:hover:bg-gray-700 {speechRate === speed ? 'bg-gray-200 dark:bg-gray-600' : ''}" role="menuitem" > {speed}x
{/each}
{/if}
{ await stopAudioStream(); await stopVideoStream(); showCallOverlay.set(false); dispatch('close'); }} type="button" >
{/if}