From 3c0221fe37cd4943388c7af85744d6fc6b88ebb3 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Fri, 6 Feb 2026 05:43:28 -0800
Subject: [PATCH] make the queue a bit nicer

---
 src/lib/components/GlobalPlayer.svelte | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/GlobalPlayer.svelte b/src/lib/components/GlobalPlayer.svelte
index 2d5c20f..8844656 100644
--- a/src/lib/components/GlobalPlayer.svelte
+++ b/src/lib/components/GlobalPlayer.svelte
@@ -1134,8 +1134,25 @@
 					</div>
 				</div>
 
-				<div class="border-t pt-2">
+				<div class="border-t justify-between flex pt-2">
 					<div class="text-sm font-semibold">Queue ({snap.queue.length})</div>
+					{#if snap.currentIndex !== null}
+						<button
+							class="btn text-sm text-muted-foreground hover:underline"
+							onclick={() => {
+								const currentEl = document.querySelector(
+									`[data-queue-id='${snap.currentTrack?.id}']`,
+								);
+								currentEl?.scrollIntoView({
+									behavior: "smooth",
+									block: "center",
+								});
+							}}
+							title="Scroll to current track"
+						>
+							Scroll to current
+						</button>
+					{/if}
 				</div>
 			</div>
 
@@ -1148,12 +1165,14 @@
 							<li
 								class={[
 									"flex items-center gap-2 border-b px-2 py-2 last:border-b-0",
+									item.isCurrent && "bg-primary/10",
 									// visual affordances
 									draggableHint(item.track.id),
 									dropIndicatorClass(item.track.id),
 								]
 									.filter(Boolean)
 									.join(" ")}
+								data-queue-id={item.track.id}
 								ondragover={(e) => onDragOver(item.track.id, e)}
 								ondrop={(e) => onDrop(item.track.id, e)}
 							>