{#if recentState === 'Loading'}

Loading recent history…

{:else if recentState && typeof recentState === 'object'}

Recent history could not be loaded

{/if} {#if hasStart}

Beginning of history

{:else} {/if}

{#if grouped.length === 0}

No messages yet

{:else} {#each grouped as g (g.key)} {#if g.item.kind === 'day'}

{formatDay(g.item.timestamp_ms)}

{:else if g.item.kind === 'readMarker'}

New

{:else if g.item.kind === 'start'}

Beginning of history

{:else if g.item.kind === 'historyGap'} {#if g.item.gap.continuity !== 'Verified'} {@const gap = g.item.gap} {@const filling = fillingGap === gap.id || gap.lifecycle === 'Fetching'}

{gap.failure ?? 'Some history is not loaded'}

{/if} {:else if g.item.kind === 'unknown'}

Unsupported event ({g.item.label})

{:else} {/if} {/each} {/if} {#each pending as p, i (p.id)} {#if p.status === 'failed'}

{/if} {/each}