{ if ($chatLayout.theaterMode && !hideTheaterMode) hasNewMessage = true; }} on:mouseleave={() => { if ($chatLayout.theaterMode && !hideTheaterMode) { clearTimeout(fadeTimeout); fadeTimeout = setTimeout(() => hasNewMessage = false, 3000); } }} > {#if showRenameModal}
showRenameModal = false}>

Change Display Name

Current name: {$chatUserInfo.username}

{/if} {#if !hideHeader}

{realmId || 'Global'}

{#if chatEnabled && isConnected && $chatUserInfo.isGuest} {/if} {#if chatEnabled}
{/if}
{#if showMenu}
{#if !configCollapsed}
{#if !hideTheaterMode} {/if}
> show:
voice:
speed: ttsSettings.update(s => ({ ...s, rate: parseFloat(e.target.value) }))} /> {$ttsSettings.rate.toFixed(1)}
pitch: ttsSettings.update(s => ({ ...s, pitch: parseFloat(e.target.value) }))} /> {$ttsSettings.pitch.toFixed(1)}
volume: ttsSettings.update(s => ({ ...s, volume: parseFloat(e.target.value) }))} /> {$ttsSettings.volume.toFixed(1)}
{/if}
{#if !usersCollapsed}
{#each $participants as participant (participant.userId)}
{participant.isStreamer ? '*' : participant.isModerator ? '+' : ' '} {#if hasModPowers && participant.userId !== $chatUserInfo.userId && !participant.isStreamer && ($chatUserInfo.isAdmin || !participant.isModerator)}
{#if participantModMenuId === participant.userId}
{#if $chatUserInfo.isAdmin && !participant.isGuest} {#if participant.isModerator} {:else} {/if} {/if}
{/if}
{/if}
{/each} {#if $participants.length === 0}
no users online
{/if}
{/if}
{#if !realmsCollapsed}
{#each $availableRealms as realm (realm.realmId)}
{realm.participantCount}
{/each} {#if $availableRealms.length === 0}
no realms
{/if}
{/if}
{/if} {/if} {#if !chatEnabled}
💬

Chat Disabled

The streamer has disabled chat for this realm.

{:else if !chatGuestsAllowed && $chatUserInfo.isGuest}
🔒

Guests Not Allowed

This chat requires authentication. Please log in to participate.

Login
{:else}
{#each $filteredMessages as message (message.messageId)} handleDeleteMessage(message.messageId)} on:modAction={handleModAction} on:showProfile={handleShowProfile} on:copySticker={handleCopySticker} on:mentioned={handleMentioned} on:mention={handleMention} /> {/each} {#if $filteredMessages.length === 0}

No messages yet. Be the first to chat!

{/if}
{/if} {#if activeProfilePreview} {/if}