From e6d60e9ec9334077e3880db1fa0ba825889ff1c1 Mon Sep 17 00:00:00 2001
From: Ewan Croft <contact@ewancroft.uk>
Date: Thu, 13 Aug 2026 15:14:51 +0100
Subject: [PATCH] feat(tourmaline): surface scrobbles-without-album tile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Data was already wired through in the previous commit but had no UI
tile of its own — adding it alongside tracks-without-album.
---
 .../src/routes/profile/[did]/ListeningStats.svelte  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/tourmaline/src/routes/profile/[did]/ListeningStats.svelte b/packages/tourmaline/src/routes/profile/[did]/ListeningStats.svelte
index 17ad3b9..e1aec51 100644
--- a/packages/tourmaline/src/routes/profile/[did]/ListeningStats.svelte
+++ b/packages/tourmaline/src/routes/profile/[did]/ListeningStats.svelte
@@ -10,6 +10,8 @@
 		mostPopularMonth: { month: string; count: number };
 		tracksWithoutAlbumCount: number;
 		tracksWithoutAlbumPercentage: number;
+		scrobblesWithoutAlbumCount: number;
+		scrobblesWithoutAlbumPercentage: number;
 	}
 
 	let {
@@ -218,5 +220,16 @@
 				<span class="text-sm text-[var(--text-muted)]">({(statsData.tracksWithoutAlbumPercentage ?? 0).toFixed(1)}%)</span>
 			</p>
 		</div>
+
+		<div class="rounded border border-[var(--border)] bg-[var(--surface)] px-3 py-3 sm:p-4">
+			<div class="flex items-center gap-1.5 text-xs text-[var(--text-muted)]">
+				<Disc size={12} class="text-cyan-400" />
+				Scrobbles without album
+			</div>
+			<p class="mt-1 text-xl font-bold sm:text-2xl">
+				{statsData.scrobblesWithoutAlbumCount.toLocaleString()}
+				<span class="text-sm text-[var(--text-muted)]">({(statsData.scrobblesWithoutAlbumPercentage ?? 0).toFixed(1)}%)</span>
+			</p>
+		</div>
 	</div>
 {/if}
-- 
2.51.2