{#if invitations.length}

{t('lobby.invitations')}

{#each invitations as inv (inv.id)}

💌 {#if inv.inviter.accountId === myId} {t('invitations.with', { names: inv.invitees.map((i) => i.displayName).join(', ') })} {t('invitations.waiting')} {:else} {t('invitations.from', { name: inv.inviter.displayName })} {t(variantKey[inv.variant] ?? 'new.english')} {/if} {#if inv.inviter.accountId === myId} cancelInvite(inv)}>{t('invitations.cancel')} {:else} acceptInvite(inv)}>{t('invitations.accept')} declineInvite(inv)}>{t('invitations.decline')} {/if}

{/each}

{/if} {#each [{ h: 'lobby.yourTurn', list: groups.yourTurn, finished: false }, { h: 'lobby.theirTurn', list: groups.theirTurn, finished: false }, { h: 'lobby.finishedGames', list: groups.finished, finished: true }] as group (group.h)} {#if group.list.length}

{t(group.h as 'lobby.yourTurn')}

{#each group.list as g (g.id)}

{#if group.finished} hide(g.id)} disabled={!connection.online} aria-label={t('lobby.hideGame')}>❌ {/if}

onRowDown(e, g.id)} onpointerup={(e) => onRowUp(e, group.finished)} onclick={() => openGame(g)} > {opponents(g) || '—'} {scoreline(g)} {resultBadge(g, myId).emoji} {#if group.finished} toggleReveal(g.id)} aria-label={t('lobby.hideGame')}>⋮ {:else} openGame(g)} tabindex={-1} aria-hidden="true">› {/if}

{/each}

{/if} {/each} {#if !games.length && !invitations.length}

{t('lobby.noActive')}

{/if}