{m.btn_back_to_overview()}
{m.notification_history_heading()}
{#if data.unreadCount > 0}
{m.notification_mark_all_read()}
{/if}
setFilter({ type: null, read: null })} class={[ 'rounded-full px-3 py-2 font-sans text-sm font-medium focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2', activeType === null && activeReadFilter === null ? 'bg-primary text-primary-fg' : 'bg-muted text-ink' ].join(' ')} > {m.notification_filter_all()}
setFilter({ read: 'false', type: null })} class={[ 'inline-flex items-center gap-1.5 rounded-full px-3 py-2 font-sans text-sm font-medium focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2', activeReadFilter === 'false' ? 'bg-primary text-primary-fg' : 'bg-muted text-ink' ].join(' ')} > {m.notification_filter_unread()} {#if data.unreadCount > 0 && activeType === null && activeReadFilter === null}
{data.unreadCount}
{/if}
setFilter({ type: 'MENTION', read: null })} class={[ 'rounded-full px-3 py-2 font-sans text-sm font-medium focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2', activeType === 'MENTION' ? 'bg-primary text-primary-fg' : 'bg-muted text-ink' ].join(' ')} > {m.notification_filter_mention()}
setFilter({ type: 'REPLY', read: null })} class={[ 'rounded-full px-3 py-2 font-sans text-sm font-medium focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2', activeType === 'REPLY' ? 'bg-primary text-primary-fg' : 'bg-muted text-ink' ].join(' ')} > {m.notification_filter_reply()}
{#if allNotifications.length === 0}
{m.notification_empty_history()}
{m.notification_empty_history_body()}
{:else}
{#each allNotifications as n (n.id)}
{ e.preventDefault(); navigateToNotification(n); }} > {#if !n.read}
{/if}
{n.actorName}
{typeBadgeLabel(n.type)}
{#if n.documentTitle}
{n.documentTitle}
{/if}
{relativeTime(n.createdAt)}
{/each}
{/if} {#if hasMore}
{isLoadingMore ? '…' : m.notification_load_more()}
{/if}