{eyebrowEl}
{titleEl}
{total} item{total === 1 ? "" : "s"}
{selectedIds.size} selected
)}
{/* Loading / error / empty / content */}
{loading ? (
Loading your library…
Failed to load.
{dataError}
{search ? "Nothing matches" : "Nothing here yet"} {search ? "your search." : "—"}
{search ? "Try a different word, or clear the search to see everything." : "Save your first bookmark and it'll appear right here."}
{search ? ( ) : ( )} window.open(b.url, "_blank")}>
toggleSelect(b.id)} />
);
})}
{(b.title[0] || "?").toUpperCase()}
{isFav && ★}
{b.title}
{host}
{(b.tags || []).slice(0, 3).map((t) => (
{ e.stopPropagation(); selectTag(t); }}>{t}
))}
{(b.tags || []).length > 3 && +{b.tags.length - 3}}
{relTime(b.updatedAt)}
{pageRows.map((b) => {
const sel = selectedIds.has(b.id);
const isFav = favorites.has(b.id);
return (
)}
{total > 0 && (
window.open(b.url, "_blank")}>
);
})}
e.stopPropagation()}>
toggleSelect(b.id)} />
{(b.title[0] || "?").toUpperCase()}
{isFav && ★}
{b.title}
{hostOf(b.url)}
{(b.tags || []).slice(0, 3).map((t) => (
{ e.stopPropagation(); selectTag(t); }}>{t}
))}
{relTime(b.updatedAt)}
Showing {pageStart + 1}–{Math.min(pageStart + pageSize, total)} of {total}
)}
{Array.from({ length: pageCount }, (_, i) => i + 1).slice(0, 5).map((p) => (
))}