{meta.total} result{meta.total !== 1 ? 's' : ''}
{#if layout === 'list'} {#if columns.some((col) => col.sortable)}
Sort by
{#each columns.filter((col) => col.sortable) as col (col.key)}
toggleSort(col.key)} >{col.label}{meta.sortBy === col.key ? meta.sortDir === 'asc' ? ' ↑' : ' ↓' : ''}
{/each}
{/if}
{#each data as item, i} {@render row(item, i)} {:else}
{meta.search ? `No results for "${meta.search}"` : 'Nothing here yet'}
{/each}
{:else}
{#each columns as col}
{#if col.sortable}
toggleSort(col.key)} > {col.label} {#if meta.sortBy === col.key}
{#if meta.sortDir === 'asc'}
{:else}
{/if}
{:else}
{/if}
{:else} {col.label} {/if}
{/each}
{#each data as item, i} {@render row(item, i)} {:else}
{meta.search ? `No results for "${meta.search}"` : 'No data'}
{/each}
{/if} {#if meta.totalPages > 1}
Showing {showingStart}–{showingEnd} of {meta.total}
goToPage(meta.page - 1)} class="rounded-md px-2.5 py-1.5 text-xs text-text-secondary transition-colors hover:bg-surface-700 hover:text-text-primary disabled:pointer-events-none disabled:opacity-30" > Prev
{#each pageButtons as p} {#if p === '...'}
...
{:else}
goToPage(p as number)} class="rounded-md px-2.5 py-1.5 text-xs transition-colors {p === meta.page ? 'bg-accent font-semibold text-surface-900' : 'text-text-secondary hover:bg-surface-700 hover:text-text-primary'}" > {p}
{/if} {/each}
= meta.totalPages} onclick={() => goToPage(meta.page + 1)} class="rounded-md px-2.5 py-1.5 text-xs text-text-secondary transition-colors hover:bg-surface-700 hover:text-text-primary disabled:pointer-events-none disabled:opacity-30" > Next
{/if}