From 8fff7f62d68198f47802bb6a6b0795231dbaed55 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Mon, 4 May 2026 13:08:26 -0400
Subject: [PATCH] refactor(web/m7-377): TrackRow +queue uses Lucide Plus icon +
 scoped aria-label

---
 web/src/lib/components/TrackRow.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/TrackRow.svelte b/web/src/lib/components/TrackRow.svelte
index 8d558708..281b171f 100644
--- a/web/src/lib/components/TrackRow.svelte
+++ b/web/src/lib/components/TrackRow.svelte
@@ -2,6 +2,7 @@
   import type { TrackRef } from '$lib/api/types';
   import { formatDuration } from '$lib/media/duration';
   import { playQueue, enqueueTrack, playRadio } from '$lib/player/store.svelte';
+  import { Plus } from 'lucide-svelte';
   import LikeButton from './LikeButton.svelte';
   import TrackMenu from './TrackMenu.svelte';
 
@@ -64,10 +65,13 @@
   >📻</button>
   <button
     type="button"
-    aria-label="Add to queue"
+    aria-label={`Add ${track.title} to queue`}
+    title="Add to queue"
     onclick={onAddClick}
     class="rounded p-1 text-text-secondary hover:text-text-primary"
-  >+</button>
+  >
+    <Plus size={16} strokeWidth={1} />
+  </button>
   <TrackMenu {track} />
   <span class="tabular-nums text-text-secondary">{formatDuration(track.duration_sec)}</span>
 </div>