Chamada {tipo === 'audio' ? 'de Áudio' : 'de Vídeo'}

{#if estadoChamada.gravando} {/if} {#if true} {@const numVideosRemotos = remoteVideoElements.size} {@const temVideoLocal = tipo === 'video' && estadoChamada.videoHabilitado && localVideo} {@const totalVideos = (temVideoLocal ? 1 : 0) + numVideosRemotos} {@const usarGrid = estadoChamada.estaConectado && totalVideos > 0} {@const numColunas = totalVideos === 1 ? 1 : totalVideos <= 4 ? 2 : 3}

{#if !estadoChamada.estaConectado}

Conectando à chamada...

Aguarde enquanto estabelecemos a conexão

{:else} {#if tipo === 'video' && estadoChamada.videoHabilitado && localVideo}

{meuPerfil?.data?.nome || 'Você'}

{:else if tipo === 'audio'}

Chamada de Áudio

{estadoChamada.participantes.length} participante{estadoChamada.participantes.length !== 1 ? 's' : ''}

{/if} {/if}

{/if} {#if ehAnfitriao && estadoChamada.participantes.length > 0} { // Implementar toggle de áudio do participante console.log('Toggle audio participante:', usuarioId); }} onToggleParticipanteVideo={(usuarioId) => { // Implementar toggle de vídeo do participante console.log('Toggle video participante:', usuarioId); }} /> {/if} {#if showSettings} (showSettings = false)} onAplicar={handleAplicarConfiguracoes} /> {/if} { showErrorModal = false; errorMessage = ''; errorDetails = undefined; }} />