fix(pr168): title→data-tooltip, i18n playlist toggle, cold-start playlist fetch

- Replace title= with data-tooltip on sidebar playlist expand button (CLAUDE.md)
- Replace hardcoded Spanish aria-label strings with i18n keys (sidebar.expandPlaylists / collapsePlaylists) across all 8 locales
- AddToPlaylistSubmenu now fetches playlists on first open if store is empty (regression fix)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/ContextMenu.tsx

@@ -49,6 +49,13 @@ export function AddToPlaylistSubmenu({ songIds, onDone, dropDown, triggerId }: {
   const recentIds = usePlaylistStore((s) => s.recentIds);
   const createPlaylist = usePlaylistStore((s) => s.createPlaylist);
   const touchPlaylist = usePlaylistStore((s) => s.touchPlaylist);
+  const fetchPlaylists = usePlaylistStore((s) => s.fetchPlaylists);
+
+  // Fetch playlists on first open if the store hasn't been populated yet
+  useEffect(() => {
+    if (storePlaylists.length === 0) fetchPlaylists();
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   // Sort playlists by recent usage
   const playlists = useMemo(() => {

src/components/Sidebar.tsx

@@ -250,8 +250,8 @@ export default function Sidebar({
                     className={`sidebar-playlists-toggle ${playlistsExpanded ? 'expanded' : ''}`}
                     onClick={() => setPlaylistsExpanded(!playlistsExpanded)}
                     aria-expanded={playlistsExpanded}
-                    aria-label={playlistsExpanded ? 'Colapsar listas' : 'Expandir listas'}
-                    title={playlistsExpanded ? 'Colapsar listas' : 'Expandir listas'}
+                    aria-label={playlistsExpanded ? t('sidebar.collapsePlaylists') : t('sidebar.expandPlaylists')}
+                    data-tooltip={playlistsExpanded ? t('sidebar.collapsePlaylists') : t('sidebar.expandPlaylists')}
                   >
                     <ChevronRight size={14} />
                   </button>

src/locales/de.ts

@@ -26,6 +26,8 @@ export const deTranslation = {
     folderBrowser: 'Ordner-Browser',
     libraryScope: 'Bibliotheksumfang',
     allLibraries: 'Alle Bibliotheken',
+    expandPlaylists: 'Playlists ausklappen',
+    collapsePlaylists: 'Playlists einklappen',
   },
   home: {
     hero: 'Featured',

src/locales/en.ts

@@ -27,6 +27,8 @@ export const enTranslation = {
     folderBrowser: 'Folder Browser',
     libraryScope: 'Library scope',
     allLibraries: 'All libraries',
+    expandPlaylists: 'Expand playlists',
+    collapsePlaylists: 'Collapse playlists',
   },
   home: {
     hero: 'Featured',

src/locales/es.ts

@@ -27,6 +27,8 @@ export const esTranslation = {
     folderBrowser: 'Explorar Carpetas',
     libraryScope: 'Ámbito de biblioteca',
     allLibraries: 'Todas las bibliotecas',
+    expandPlaylists: 'Expandir listas',
+    collapsePlaylists: 'Colapsar listas',
   },
   home: {
     hero: 'Destacado',

src/locales/fr.ts

@@ -26,6 +26,8 @@ export const frTranslation = {
     folderBrowser: 'Explorateur de dossiers',
     libraryScope: 'Portée de la bibliothèque',
     allLibraries: 'Toutes les bibliothèques',
+    expandPlaylists: 'Développer les playlists',
+    collapsePlaylists: 'Réduire les playlists',
   },
   home: {
     hero: 'En vedette',

src/locales/nb.ts

@@ -26,6 +26,8 @@ export const nbTranslation = {
     folderBrowser: 'Mappeleser',
     libraryScope: 'Biblioteksomfang',
     allLibraries: 'Alle biblioteker',
+    expandPlaylists: 'Utvid spillelister',
+    collapsePlaylists: 'Skjul spillelister',
   },
   home: {
     hero: 'Utvalgt',

src/locales/nl.ts

@@ -26,6 +26,8 @@ export const nlTranslation = {
     folderBrowser: 'Mappenverkenner',
     libraryScope: 'Bibliotheekbereik',
     allLibraries: 'Alle bibliotheken',
+    expandPlaylists: 'Afspeellijsten uitklappen',
+    collapsePlaylists: 'Afspeellijsten inklappen',
   },
   home: {
     hero: 'Uitgelicht',

src/locales/ru.ts

@@ -27,6 +27,8 @@ export const ruTranslation = {
     folderBrowser: 'Браузер папок',
     libraryScope: 'Область медиатеки',
     allLibraries: 'Все библиотеки',
+    expandPlaylists: 'Развернуть плейлисты',
+    collapsePlaylists: 'Свернуть плейлисты',
   },
   home: {
     hero: 'Подборка',

src/locales/zh.ts

@@ -26,6 +26,8 @@ export const zhTranslation = {
     folderBrowser: '文件夹浏览器',
     libraryScope: '资料库范围',
     allLibraries: '所有资料库',
+    expandPlaylists: '展开播放列表',
+    collapsePlaylists: '收起播放列表',
   },
   home: {
     hero: '精选',