{m.conv_heading()}

{m.conv_subtitle()}

applyFilters()} />

{m.conv_label_from()} applyFilters()} class="block w-full border-line py-2.5 text-sm shadow-sm focus:border-ink focus:ring-ink" />

{m.conv_label_to()} applyFilters()} class="block w-full border-line py-2.5 text-sm shadow-sm focus:border-ink focus:ring-ink" />

{#if !senderId || !receiverId}

{m.conv_empty_heading()}

{m.conv_empty_text()}

{:else if data.documents.length === 0}

{m.conv_no_results_heading()}

{m.conv_no_results_text()}

{:else}

{#if yearFrom !== null && yearTo !== null}

{m.conv_summary({ count: data.documents.length, yearFrom, yearTo })}

{:else}

{data.documents.length}

{/if} {#if data.canWrite} {m.conv_new_doc_link()} {/if}

{#each enrichedDocuments as { doc, year, showYearDivider } (doc.id)} {#if showYearDivider}

{year}

{/if} {@const isRight = doc.sender?.id === senderId}

{#if doc.sender} {doc.sender.firstName[0]}{doc.sender.lastName[0]} {:else} ? {/if}

{/each}

{/if}