fix(cli): key duplicate playlist tracks by position

packages/cli/package.json

@@ -55,7 +55,7 @@
     "effect": "3.21.0",
     "ink": "7.0.0",
     "ink-link": "5.0.0",
-    "ink-scroll-view": "0.3.6",
+    "ink-scroll-view": "0.3.7",
     "ink-spinner": "5.0.0",
     "react": "19.2.0",
     "sanitize-filename": "1.6.4",

packages/cli/src/ui/DoneScreen.tsx

@@ -39,7 +39,7 @@ export function DoneScreen(props: DoneScreenProps) {
 
       <Panel title="Tracks" borderColor="green" titleColor="green">
         {props.workerSlots.map((slot) => (
-          <WorkerRow key={slot.trackId} slot={slot} />
+          <WorkerRow key={slot.trackIndex} slot={slot} />
         ))}
       </Panel>
 

packages/cli/src/ui/SyncScreen.tsx

@@ -43,7 +43,7 @@ export function SyncScreen(props: SyncScreenProps) {
         borderColor="magenta"
         minRows={20}
         items={visibleSlots}
-        renderItem={(slot) => <WorkerRow key={slot.trackId} slot={slot} />}
+        renderItem={(slot) => <WorkerRow key={slot.trackIndex} slot={slot} />}
       />
     </Box>
   );

packages/cli/src/ui/components/ListPanel.test.tsx

@@ -16,7 +16,7 @@ describe('ListPanel', () => {
       <ListPanel
         items={createSlots(18)}
         minRows={4}
-        renderItem={(slot) => <WorkerRow key={slot.trackId} slot={slot} />}
+        renderItem={(slot) => <WorkerRow key={slot.trackIndex} slot={slot} />}
         title="Tracks"
         viewportHeight={4}
       />

packages/cli/src/ui/utils/workerSlots.test.ts

@@ -0,0 +1,63 @@
+import { describe, expect, test } from 'bun:test';
+import type { PlaylistMetadata, SyncProgress } from '../../lib/types';
+import { createWorkerSlots, updateWorkerSlots } from './workerSlots';
+
+describe('updateWorkerSlots', () => {
+  test('updates the indexed duplicate track instead of the first matching track ID', () => {
+    const playlist: PlaylistMetadata = {
+      id: 'playlist-1',
+      provider: 'spotify',
+      sourceUrl: 'https://open.spotify.com/playlist/playlist-1',
+      title: 'Duplicate tracks',
+      tracks: [
+        { artists: ['Artist'], id: 'duplicate-track', title: 'First copy' },
+        { artists: ['Artist'], id: 'duplicate-track', title: 'Second copy' },
+      ],
+    };
+    const progress: SyncProgress = {
+      completed: 1,
+      current: 2,
+      downloaded: 1,
+      failed: 0,
+      message: 'Finished',
+      playlistDir: '/music/Duplicate tracks',
+      skipped: 0,
+      stage: 'completed',
+      total: 2,
+      track: playlist.tracks[1],
+      trackIndex: 2,
+    };
+
+    const slots = updateWorkerSlots(createWorkerSlots(playlist, 1), playlist, progress);
+
+    expect(slots.map((slot) => slot.stage)).toEqual(['queued', 'completed']);
+    expect(slots.map((slot) => slot.message)).toEqual(['Queued', 'Finished']);
+  });
+
+  test('ignores progress with an unknown track index', () => {
+    const playlist: PlaylistMetadata = {
+      id: 'playlist-1',
+      provider: 'spotify',
+      sourceUrl: 'https://open.spotify.com/playlist/playlist-1',
+      title: 'One track',
+      tracks: [{ artists: ['Artist'], id: 'track-1', title: 'Track' }],
+    };
+    const progress: SyncProgress = {
+      completed: 0,
+      current: 2,
+      downloaded: 0,
+      failed: 0,
+      message: 'Preparing track',
+      playlistDir: '/music/One track',
+      skipped: 0,
+      stage: 'initializing',
+      total: 1,
+      track: playlist.tracks[0],
+      trackIndex: 2,
+    };
+
+    expect(updateWorkerSlots(createWorkerSlots(playlist, 1), playlist, progress)).toEqual(
+      createWorkerSlots(playlist, 1)
+    );
+  });
+});

packages/cli/src/ui/utils/workerSlots.ts

@@ -34,7 +34,10 @@ export function updateWorkerSlots(
     return slots;
   }
 
-  const slotIndex = slots.findIndex((slot) => slot.trackId === trackId);
+  const slotIndex =
+    progress.trackIndex === undefined
+      ? slots.findIndex((slot) => slot.trackId === trackId)
+      : slots.findIndex((slot) => slot.trackIndex === progress.trackIndex);
   if (slotIndex < 0) {
     return slots;
   }