Update to v0.8.1

Fix invalid DOM prop on playerbar
Fix song index skip when viewing synchronized lyrics
2026-05-08 04:50:12 +02:00 · 2024-09-03 21:53:19 -07:00 · 2024-09-03 21:51:50 -07:00 · 2024-09-03 21:51:18 -07:00 · 2024-09-02 22:48:52 -07:00 · 2024-09-03 05:31:30 +00:00
127 changed files with 7418 additions and 3234 deletions
@@ -2,7 +2,7 @@
    "name": "feishin",
    "productName": "Feishin",
    "description": "Feishin music server",
-    "version": "0.7.3",
+    "version": "0.8.1",
    "scripts": {
        "build": "concurrently \"npm run build:main\" \"npm run build:renderer\" \"npm run build:remote\"",
        "build:main": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.main.prod.ts",
@@ -205,6 +205,7 @@
        "@teamsupercell/typings-for-css-modules-loader": "^2.5.1",
        "@testing-library/jest-dom": "^5.16.4",
        "@testing-library/react": "^13.0.0",
+        "@types/dompurify": "^3.0.5",
        "@types/electron-localshortcut": "^3.1.0",
        "@types/jest": "^27.4.1",
        "@types/lodash": "^4.14.188",
@@ -216,7 +217,6 @@
        "@types/react-virtualized-auto-sizer": "^1.0.1",
        "@types/react-window": "^1.8.5",
        "@types/react-window-infinite-loader": "^1.0.6",
-        "@types/sanitize-html": "^2.11.0",
        "@types/styled-components": "^5.1.26",
        "@types/terser-webpack-plugin": "^5.0.4",
        "@types/webpack-bundle-analyzer": "^4.4.1",
@@ -253,7 +253,7 @@
        "file-loader": "^6.2.0",
        "html-webpack-plugin": "^5.5.0",
        "husky": "^7.0.4",
-        "i18next-parser": "^6.6.0",
+        "i18next-parser": "^9.0.2",
        "identity-obj-proxy": "^3.0.0",
        "jest": "^27.5.1",
        "lint-staged": "^12.3.7",
@@ -261,7 +261,7 @@
        "postcss-scss": "^4.0.4",
        "postcss-styled-syntax": "^0.5.0",
        "postcss-syntax": "^0.36.2",
-        "prettier": "^2.6.2",
+        "prettier": "^3.3.3",
        "react-refresh": "^0.12.0",
        "react-refresh-typescript": "^2.0.4",
        "react-test-renderer": "^18.0.0",
@@ -284,7 +284,7 @@
        "typescript": "^5.2.2",
        "typescript-plugin-styled-components": "^3.0.0",
        "url-loader": "^4.1.1",
-        "webpack": "^5.71.0",
+        "webpack": "^5.94.0",
        "webpack-bundle-analyzer": "^4.5.0",
        "webpack-cli": "^4.9.2",
        "webpack-dev-server": "^4.8.0",
@@ -309,15 +309,17 @@
        "@tanstack/react-query-persist-client": "^4.32.1",
        "@ts-rest/core": "^3.23.0",
        "@xhayper/discord-rpc": "^1.0.24",
+        "auto-text-size": "^0.2.3",
        "axios": "^1.6.0",
        "clsx": "^2.0.0",
        "cmdk": "^0.2.0",
        "dayjs": "^1.11.6",
+        "dompurify": "^3.1.6",
        "electron-debug": "^3.2.0",
        "electron-localshortcut": "^3.2.1",
        "electron-log": "^5.1.1",
        "electron-store": "^8.1.0",
-        "electron-updater": "^4.6.5",
+        "electron-updater": "^6.3.1",
        "fast-average-color": "^9.3.0",
        "format-duration": "^2.0.0",
        "framer-motion": "^11.0.0",
@@ -332,7 +334,7 @@
        "memoize-one": "^6.0.0",
        "nanoid": "^3.3.3",
        "net": "^1.0.2",
-        "node-mpv": "github:jeffvli/Node-MPV",
+        "node-mpv": "github:jeffvli/Node-MPV#32b4d64395289ad710c41d481d2707a7acfc228f",
        "overlayscrollbars": "^2.2.1",
        "overlayscrollbars-react": "^0.5.1",
        "react": "^18.2.0",
@@ -347,7 +349,6 @@
        "react-virtualized-auto-sizer": "^1.0.17",
        "react-window": "^1.8.9",
        "react-window-infinite-loader": "^1.0.9",
-        "sanitize-html": "^2.13.0",
        "semver": "^7.5.4",
        "styled-components": "^6.0.8",
        "swiper": "^9.3.1",
@@ -1,12 +1,12 @@
 {
    "name": "feishin",
-    "version": "0.7.2",
+    "version": "0.8.1",
    "lockfileVersion": 2,
    "requires": true,
    "packages": {
        "": {
            "name": "feishin",
-            "version": "0.7.2",
+            "version": "0.8.1",
            "hasInstallScript": true,
            "license": "GPL-3.0",
            "dependencies": {
@@ -1,6 +1,6 @@
 {
    "name": "feishin",
-    "version": "0.7.3",
+    "version": "0.8.1",
    "description": "",
    "main": "./dist/main/main.js",
    "author": {
@@ -5,7 +5,9 @@ module.exports = {
    createOldCatalogs: true,
    customValueTemplate: null,
    defaultNamespace: 'translation',
-    defaultValue: '',
+    defaultValue: function (locale, namespace, key, value) {
+        return key;
+    },
    failOnUpdate: false,
    failOnWarnings: false,
    i18nextOptions: null,
@@ -37,8 +39,6 @@ module.exports = {
    output: 'src/renderer/i18n/locales/$LOCALE.json',
    pluralSeparator: '_',
    resetDefaultValueLocale: 'en',
-    skipDefaultValues: false,
    sort: true,
-    useKeysAsDefaultValue: true,
    verbose: false,
 };
@@ -215,7 +215,37 @@
        "homeFeature": "carousel doporučení na domovské stránce",
        "homeFeature_description": "ovládá, zda se má zobrazovat velký carousel s doporučenými alby na domovské stránce",
        "imageAspectRatio": "použít nativní poměr stran obalů alb",
-        "imageAspectRatio_description": "pokud je povoleno, budou obaly alb zobrazeny s jejich nativním poměrem stran. u obalů, které nemají poměr 1:1, bude zbývající místo prázdné"
+        "imageAspectRatio_description": "pokud je povoleno, budou obaly alb zobrazeny s jejich nativním poměrem stran. u obalů, které nemají poměr 1:1, bude zbývající místo prázdné",
+        "doubleClickBehavior": "dvojitým kliknutím zařadit všechny vyhledané skladby do fronty",
+        "doubleClickBehavior_description": "pokud je zapnuto, budou všechny odpovídající skladby ve vyhledávání zařazeny do fronty. v opačném případě bude zařazena pouze ta, na kterou kliknete",
+        "volumeWidth": "šířka posuvníku hlasitosti",
+        "volumeWidth_description": "horizontální velikost posuvníku hlasitosti",
+        "discordListening": "zobrazit stav jako „Poslouchá“",
+        "discordListening_description": "zobrazit stav jako „Poslouchá“ namísto „Hraje“. tato funkce v současné době není kompatibilní s lištou s časem",
+        "contextMenu": "nastavení kontextové nabídky (kliknutí pravým)",
+        "contextMenu_description": "umožňuje skrýt položky, které se zobrazí v nabídce po kliknutí pravým tlačítkem myši na položku. položky, které nejsou zaškrtnuté, se skryjí",
+        "customCssEnable": "povolit vlastní css",
+        "customCssEnable_description": "povolti psaní vlastního css.",
+        "customCssNotice": "Varování: i když provádíme určitou sanitizaci (zakázáním url() a content:), může používání CSS stále představovat riziko změnami rozhraní.",
+        "customCss_description": "vlastní css obsah. Upozornění: vlastnosti content a vzdálené url jsou zakázané. Níže je zobrazen náhled vašeho obsahu. Další pole, která jste nenastavili, jsou přítomna z důvodu sanitizace.",
+        "customCss": "vlastní css",
+        "webAudio": "použít webový zvuk",
+        "webAudio_description": "použít webový zvuk. tím povolíte pokročilé funkce jako replaygain. zakažte, pokud se objeví problémy",
+        "transcodeNote": "projeví se po 1 (web) - 2 (mpv) skladbách",
+        "transcode": "povolit překódování",
+        "transcode_description": "zapnout překódování do různých formátů",
+        "transcodeFormat_description": "vybere formát k překódování. pokud chcete nechat rozhodnout server, ponechte prázdné",
+        "transcodeFormat": "formát k překódování",
+        "transcodeBitrate": "datový tok k překódování",
+        "transcodeBitrate_description": "vybere datový tok k překódování. 0 znamená, že necháte server vybrat",
+        "albumBackground": "obrázek alba na pozadí",
+        "albumBackground_description": "přidá obrázek alba na pozadí pro stránky alba obsahující obrázky alba",
+        "albumBackgroundBlur": "velikost rozostření obrázku alba na pozadí",
+        "albumBackgroundBlur_description": "upraví množství rozostření použité na obrázek alba na pozadí",
+        "playerbarOpenDrawer": "lišta přehrávače jako přepínač celé obrazovky",
+        "playerbarOpenDrawer_description": "umožňuje kliknutí na lištu přehrávače pro otevření celoobrazovkového přehrávače",
+        "artistConfiguration": "nastavení stránky umělce alba",
+        "artistConfiguration_description": "nastavit, které položky na stránce umělce alba budou zobrazeny a v jakém pořadí"
    },
    "action": {
        "editPlaylist": "upravit $t(entity.playlist_one)",
@@ -541,7 +571,8 @@
            "removeFromQueue": "$t(action.removeFromQueue)",
            "showDetails": "získat informace",
            "shareItem": "sdílet položku",
-            "playSimilarSongs": "$t(player.playSimilarSongs)"
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "stáhnout"
        },
        "home": {
            "mostPlayed": "nejpřehrávanější",
@@ -552,13 +583,15 @@
        },
        "albumDetail": {
            "moreFromArtist": "více od tohoto umělce",
-            "moreFromGeneric": "více od {{item}}"
+            "moreFromGeneric": "více od {{item}}",
+            "released": "vydáno"
        },
        "setting": {
            "playbackTab": "přehrávání",
            "generalTab": "obecné",
            "hotkeysTab": "klávesové zkratky",
-            "windowTab": "okno"
+            "windowTab": "okno",
+            "advanced": "pokročilé"
        },
        "albumArtistList": {
            "title": "$t(entity.albumArtist_other)"
@@ -604,6 +637,9 @@
            "copiedPath": "cesta úspěšně zkopírována",
            "copyPath": "kopírovat cestu do schránky",
            "openFile": "zobrazit skladbu ve správci souborů"
+        },
+        "playlist": {
+            "reorder": "změna pořadí povolena pouze při řazení podle id"
        }
    },
    "form": {
@@ -653,7 +689,9 @@
            "title": "Hledat texty"
        },
        "editPlaylist": {
-            "title": "upravit $t(entity.playlist_one)"
+            "title": "upravit $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) úspěšně aktualizován",
+            "publicJellyfinNote": "Jellyfin z nějakého důvodu neukazuje, zda je seznam skladeb veřejný, nebo ne. Pokud si přejete, aby zůstal veřejný, zvolte prosím následující vstup"
        },
        "shareItem": {
            "allowDownloading": "umožnit stahování",
@@ -710,6 +748,9 @@
        "genreWithCount_other": "{{count}} žánrů",
        "trackWithCount_one": "{{count}} skladba",
        "trackWithCount_few": "{{count}} skladby",
-        "trackWithCount_other": "{{count}} skladeb"
+        "trackWithCount_other": "{{count}} skladeb",
+        "play_one": "{{count}} přehrání",
+        "play_few": "{{count}} přehrání",
+        "play_other": "{{count}} přehrání"
    }
 }
@@ -16,7 +16,11 @@
        "removeFromQueue": "Von Warteschlange entfernen",
        "setRating": "Bewertung festlegen",
        "toggleSmartPlaylistEditor": "Editor $t(entity.smartPlaylist) umschalten",
-        "removeFromFavorites": "Entfernen von $t(entity.favorite_other)"
+        "removeFromFavorites": "Entfernen von $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "In Last.fm öffnen",
+            "musicbrainz": "In MusicBrainz öffnen"
+        }
    },
    "common": {
        "backward": "rückwärts",
@@ -98,7 +102,11 @@
        "random": "zufällig",
        "size": "Größe",
        "biography": "Biografie",
-        "note": "Hinweis"
+        "note": "Hinweis",
+        "preview": "Vorschau",
+        "reload": "Neu Laden",
+        "mbid": "MusicBrainz ID",
+        "close": "schliessen"
    },
    "error": {
        "remotePortWarning": "Starten Sie den Server neu, um den neuen Port anzuwenden",
@@ -119,7 +127,10 @@
        "mpvRequired": "MPV benötigt",
        "audioDeviceFetchError": "Beim Versuch, Audiogeräte abzurufen, ist ein Fehler aufgetreten",
        "invalidServer": "Ungültiger Server",
-        "loginRateError": "Zu viele Anmeldeversuche, bitte versuche es in einigen Sekunden erneut"
+        "loginRateError": "Zu viele Anmeldeversuche, bitte versuche es in einigen Sekunden erneut",
+        "badAlbum": "Sie sehen diese Seite, weil dieses Lied nicht Teil eines Albums ist. Wahrscheinlich sehen Sie dieses Problem, wenn Sie einen Song in Ihrem Musikordner auf oberster Ebene haben. Jellyfin gruppiert nur Songs, wenn sie sich in einem Ordner befinden.",
+        "networkError": "ein Netzwerkfehler ist aufgetreten",
+        "openError": "datei kann nicht geöffnet werden"
    },
    "filter": {
        "mostPlayed": "Meistgespielt",
@@ -213,6 +224,9 @@
            "title": "Songtext Suche",
            "input_name": "$t(common.name)",
            "input_artist": "$t(entity.artist_one)"
+        },
+        "shareItem": {
+            "description": "Beschreibung"
        }
    },
    "entity": {
@@ -139,6 +139,8 @@
        "genreWithCount_other": "{{count}} genres",
        "playlist_one": "playlist",
        "playlist_other": "playlists",
+        "play_one": "{{count}} play",
+        "play_other": "{{count}} plays",
        "playlistWithCount_one": "{{count}} playlist",
        "playlistWithCount_other": "{{count}} playlists",
        "smartPlaylist": "smart $t(entity.playlist_one)",
@@ -249,6 +251,8 @@
            "title": "delete $t(entity.playlist_one)"
        },
        "editPlaylist": {
+            "publicJellyfinNote": "Jellyfin for some reason does not expose whether a playlist is public or not. If you wish for this to remain public, please have the following input selected",
+            "success": "$t(entity.playlist_one) updated successfully",
            "title": "edit $t(entity.playlist_one)"
        },
        "lyricSearch": {
@@ -290,7 +294,8 @@
        },
        "albumDetail": {
            "moreFromArtist": "more from this $t(entity.artist_one)",
-            "moreFromGeneric": "more from {{item}}"
+            "moreFromGeneric": "more from {{item}}",
+            "released": "released"
        },
        "albumList": {
            "artistAlbums": "albums by {{artist}}",
@@ -318,6 +323,7 @@
            "createPlaylist": "$t(action.createPlaylist)",
            "deletePlaylist": "$t(action.deletePlaylist)",
            "deselectAll": "$t(action.deselectAll)",
+            "download": "download",
            "moveToBottom": "$t(action.moveToBottom)",
            "moveToTop": "$t(action.moveToTop)",
            "numberSelected": "{{count}} selected",
@@ -375,10 +381,14 @@
            "copiedPath": "path copied successfully",
            "openFile": "show track in file manager"
        },
+        "playlist": {
+            "reorder": "reordering only enabled when sorting by id"
+        },
        "playlistList": {
            "title": "$t(entity.playlist_other)"
        },
        "setting": {
+            "advanced": "advanced",
            "generalTab": "general",
            "hotkeysTab": "hotkeys",
            "playbackTab": "playback",
@@ -441,8 +451,14 @@
    "setting": {
        "accentColor": "accent color",
        "accentColor_description": "sets the accent color for the application",
+        "albumBackground": "album background image",
+        "albumBackground_description": "adds a background image for album pages containing the album art",
+        "albumBackgroundBlur": "album background image blur size",
+        "albumBackgroundBlur_description": "adjusts the amount of blur applied to the album background image",
        "applicationHotkeys": "application hotkeys",
        "applicationHotkeys_description": "configure application hotkeys. toggle the checkbox to set as a global hotkey (desktop only)",
+        "artistConfiguration": "album artist page configuration",
+        "artistConfiguration_description": "configure what items are shown, and in what order, on the album artist page",
        "audioDevice": "audio device",
        "audioDevice_description": "select the audio device to use for playback (web player only)",
        "audioExclusiveMode": "audio exclusive mode",
@@ -456,10 +472,17 @@
        "clearQueryCache": "clear feishin cache",
        "clearQueryCache_description": "a 'soft clear' of feishin. this will refresh playlists, track metadata, and reset saved lyrics. settings, server credentials and cached images are preserved",
        "clearCacheSuccess": "cache cleared successfully",
+        "contextMenu": "context menu (right click) configuration",
+        "contextMenu_description": "allows you to hide items that are shown in the menu when you right click on an item. items that are unchecked will be hidden",
        "crossfadeDuration": "crossfade duration",
        "crossfadeDuration_description": "sets the duration of the crossfade effect",
        "crossfadeStyle": "crossfade style",
        "crossfadeStyle_description": "select the crossfade style to use for the audio player",
+        "customCssEnable": "enable custom css",
+        "customCssEnable_description": "allow for writing custom css.",
+        "customCssNotice": "Warning: while there is some sanitization (disallowing url() and content:), using custom CSS can still pose risks by changing the interface.",
+        "customCss": "custom css",
+        "customCss_description": "custom css content. Note: content and remote urls are disallowed properties. A preview of your content is shown below. Additional fields you didn't set are present due to sanitization.",
        "customFontPath": "custom font path",
        "customFontPath_description": "sets the path to the custom font to use for the application",
        "disableAutomaticUpdates": "disable automatic updates",
@@ -468,10 +491,14 @@
        "discordApplicationId_description": "the application id for {{discord}} rich presence (defaults to {{defaultId}})",
        "discordIdleStatus": "show rich presence idle status",
        "discordIdleStatus_description": "when enabled, update status while player is idle",
+        "discordListening": "show status as listening",
+        "discordListening_description": "show status as listening instead of playing. note that this currently breaks timer bar",
        "discordRichPresence": "{{discord}} rich presence",
        "discordRichPresence_description": "enable playback status in {{discord}} rich presence. Image keys are: {{icon}}, {{playing}}, and {{paused}} ",
        "discordUpdateInterval": "{{discord}} rich presence update interval",
        "discordUpdateInterval_description": "the time in seconds between each update (minimum 15 seconds)",
+        "doubleClickBehavior": "queue all searched tracks when double clicking",
+        "doubleClickBehavior_description": "if true, all matching tracks in a track search will be queued. otherwise, only the clicked one will be queued",
        "enableRemote": "enable remote control server",
        "enableRemote_description": "enables the remote control server to allow other devices to control the application",
        "externalLinks": "show external links",
@@ -566,6 +593,8 @@
        "playButtonBehavior_optionPlay": "$t(player.play)",
        "playerAlbumArtResolution": "player album art resolution",
        "playerAlbumArtResolution_description": "the resolution for the large player's album art preview. larger makes it look more crisp, but may slow loading down. defaults to 0, meaning auto",
+        "playerbarOpenDrawer": "playerbar fullscreen toggle",
+        "playerbarOpenDrawer_description": "allows clicking of the playerbar to open the full screen player",
        "remotePassword": "remote control server password",
        "remotePassword_description": "sets the password for the remote control server. These credentials are by default transferred insecurely, so you should use a unique password that you do not care about",
        "remotePort": "remote control server port",
@@ -615,10 +644,21 @@
        "themeDark_description": "sets the dark theme to use for the application",
        "themeLight": "theme (light)",
        "themeLight_description": "sets the light theme to use for the application",
+        "transcodeNote": "takes effect after 1 (web) - 2 (mpv) songs",
+        "transcode": "enable transcoding",
+        "transcode_description": "enables transcoding to different formats",
+        "transcodeBitrate": "bitrate to transcode",
+        "transcodeBitrate_description": "selects the bitrate to transcode. 0 means let the server pick",
+        "transcodeFormat": "format to transcode",
+        "transcodeFormat_description": "selects the format to transcode. leave empty to let the server decide",
        "useSystemTheme": "use system theme",
        "useSystemTheme_description": "follow the system-defined light or dark preference",
        "volumeWheelStep": "volume wheel step",
        "volumeWheelStep_description": "the amount of volume to change when scrolling the mouse wheel on the volume slider",
+        "volumeWidth": "volume slider width",
+        "volumeWidth_description": "the width of the volume slider",
+        "webAudio": "use web audio",
+        "webAudio_description": "use web audio. this enables advanced features like replaygain. disable if you experience otherwise",
        "windowBarStyle": "window bar style",
        "windowBarStyle_description": "select the style of the window bar",
        "zoom": "zoom percentage",
@@ -8,7 +8,7 @@
        "skip": "saltar",
        "previous": "anterior",
        "toggleFullscreenPlayer": "activar el reproductor a pantalla completa",
-        "skip_back": "saltar hacia atrás",
+        "skip_back": "retroceder",
        "favorite": "favorito",
        "next": "siguiente",
        "shuffle": "mezclar",
@@ -34,7 +34,7 @@
    "setting": {
        "crossfadeStyle_description": "selecciona el estilo de crossfade a usar por el reproductor de audio",
        "remotePort_description": "establece el puerto para el control remoto del servidor",
-        "hotkey_skipBackward": "saltar hacia atrás",
+        "hotkey_skipBackward": "retroceder",
        "replayGainMode_description": "ajusta el volumen de ganancia acorde a los valores de {{ReplayGain}} almacenados en los metadatos del archivo",
        "audioDevice_description": "selecciona el dispositivo de audio para usar en la reproducción (solo reproductor web)",
        "theme_description": "establece el tema a usar por la aplicación",
@@ -215,7 +215,37 @@
        "homeFeature": "Carrusel destacado de inicio",
        "homeFeature_description": "Controla si se muestra el gran carrusel destacado en la página de inicio",
        "imageAspectRatio_description": "Si está habilitado, la portada será mostrada usando su relación de aspecto nativa. Para arte que no es 1:1, el espacio restante estará vacío",
-        "imageAspectRatio": "Usar relación de aspecto nativa de portada"
+        "imageAspectRatio": "Usar relación de aspecto nativa de portada",
+        "doubleClickBehavior": "poner en cola todas las pistas buscadas al hacer doble clic",
+        "doubleClickBehavior_description": "si es true, se pondrán en cola todas las pistas que coincidan en una búsqueda de pistas. De lo contrario, solo se pondrá en cola la pista seleccionada",
+        "volumeWidth": "Ancho del deslizador de volumen",
+        "volumeWidth_description": "La anchura del deslizador de volumen",
+        "discordListening_description": "Muestra el estado como escuchando en lugar de reproduciendo. Ten en cuenta que esto actualmente rompe la barra de tiempo",
+        "discordListening": "Mostrar estado como escuchando",
+        "contextMenu": "Configuración del menú de contexto (clic derecho)",
+        "contextMenu_description": "Te permite esconder elementos que son mostrados en el menú cuando haces clic derecho en un elemento. Los elementos que no estén seleccionados serán escondidos",
+        "customCssEnable": "Habilitar CSS personalizado",
+        "customCssEnable_description": "Permite la escritura de CSS personalizado.",
+        "customCss": "CSS personalizado",
+        "customCssNotice": "Aviso: mientras hay alguna sanitización (rechazar url() y content:), usar CSS personalizado puede aún entrañar riesgos cambiando la interfaz.",
+        "customCss_description": "Content CSS personalizado. Nota: content y urls remotas son propiedades rechazadas. Una vista previa de tu content se muestra debajo. Las entradas adicionales que no estableciste están presentes debido a la sanitización.",
+        "webAudio": "usar audio web",
+        "webAudio_description": "Utilizar audio web. Esto habilita funciones avanzadas como Replaygain. Desactiva esta opción si tienes problemas",
+        "transcode": "activar la transcodificación",
+        "transcode_description": "permite la transcodificación a distintos formatos",
+        "transcodeBitrate": "tasa de bits a transcodificar",
+        "transcodeBitrate_description": "selecciona el bitrate a transcodificar. 0 significa dejar que el servidor elija",
+        "transcodeNote": "Se mostrará después de 1 (web) - 2 (mpv) pistas",
+        "transcodeFormat": "formato a transcodificar",
+        "transcodeFormat_description": "selecciona el formato a transcodificar. dejar vacío para que el servidor decida",
+        "albumBackground": "imagen de fondo del álbum",
+        "albumBackground_description": "Agregar una imagen de fondo a las páginas del álbum que contienen la carátula del álbum",
+        "albumBackgroundBlur": "Tamaño de desenfoque de la imagen de fondo del álbum",
+        "albumBackgroundBlur_description": "Ajustar el nivel de desenfoque de la imagen de fondo del álbum",
+        "playerbarOpenDrawer": "Cambiar la barra del reproductor a pantalla completa",
+        "playerbarOpenDrawer_description": "Permitir hacer clic en la barra del reproductor para abrir el reproductor en pantalla completa",
+        "artistConfiguration": "Configuración de la página del artista del álbum",
+        "artistConfiguration_description": "Configurar qué elementos se muestran y en qué orden en la página del artista del álbum"
    },
    "action": {
        "editPlaylist": "editar $t(entity.playlist_one)",
@@ -244,7 +274,7 @@
        "backward": "hacia atrás",
        "increase": "aumentar",
        "rating": "calificación",
-        "bpm": "bpm",
+        "bpm": "lpm",
        "refresh": "actualizar",
        "unknown": "desconocido",
        "areYouSure": "estás seguro?",
@@ -303,7 +333,7 @@
        "previousSong": "anterior $t(entity.track_one)",
        "noResultsFromQuery": "la petición no devolvió resultados",
        "quit": "salir",
-        "expand": "ampliar",
+        "expand": "expandir",
        "search": "buscar",
        "saveAs": "guardar como",
        "disc": "disco",
@@ -377,7 +407,7 @@
        "albumArtist": "$t(entity.albumArtist_one)",
        "isRecentlyPlayed": "reproducido recientemente",
        "isFavorited": "es favorito",
-        "bpm": "bpm",
+        "bpm": "lpm",
        "releaseYear": "año de lanzamiento",
        "disc": "disco",
        "biography": "biografía",
@@ -447,7 +477,8 @@
            "removeFromQueue": "$t(action.removeFromQueue)",
            "shareItem": "Compartir elemento",
            "showDetails": "Obtener información",
-            "playSimilarSongs": "$t(player.playSimilarSongs)"
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "descargar"
        },
        "home": {
            "mostPlayed": "más reproducidos",
@@ -478,13 +509,15 @@
        },
        "albumDetail": {
            "moreFromArtist": "más de este $t(entity.artist_one)",
-            "moreFromGeneric": "más de {{item}}"
+            "moreFromGeneric": "más de {{item}}",
+            "released": "publicado"
        },
        "setting": {
            "playbackTab": "reproducción",
            "generalTab": "general",
            "hotkeysTab": "teclas de acceso rápido",
-            "windowTab": "ventana"
+            "windowTab": "ventana",
+            "advanced": "Avanzado"
        },
        "albumArtistList": {
            "title": "$t(entity.albumArtist_other)"
@@ -517,7 +550,7 @@
        },
        "albumArtistDetail": {
            "viewAllTracks": "ver todo de $t(entity.track_other)",
-            "relatedArtists": "similar a $t(entity.artist_other)",
+            "relatedArtists": "$t(entity.artist_other) similar",
            "topSongs": "mejores canciones",
            "topSongsFrom": "las mejores canciones de {{title}}",
            "viewAll": "Ver todo",
@@ -530,6 +563,9 @@
            "copiedPath": "Ruta copiada correctamente",
            "openFile": "Mostrar pista en el gestor de archivos",
            "copyPath": "Copiar ruta al portapapeles"
+        },
+        "playlist": {
+            "reorder": "la reordenación solo se activa al ordenar por id"
        }
    },
    "form": {
@@ -575,7 +611,9 @@
            "title": "buscar letras"
        },
        "editPlaylist": {
-            "title": "editar $t(entity.playlist_one)"
+            "title": "editar $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) actualizada correctamente",
+            "publicJellyfinNote": "Jellyfin por alguna razón no expone si una lista de reproducción es pública o no. Si deseas que ésta siga siendo pública, por favor ten seleccionada la siguiente entrada"
        },
        "queryEditor": {
            "input_optionMatchAll": "coincidir todos",
@@ -604,7 +642,7 @@
            "releaseDate": "fecha de lanzamiento",
            "bitrate": "tasa de bits",
            "title": "título",
-            "bpm": "bpm",
+            "bpm": "lpm",
            "dateAdded": "fecha de adición",
            "artist": "$t(entity.artist_one)",
            "songCount": "$t(entity.track_other)",
@@ -710,6 +748,9 @@
        "genreWithCount_other": "{{count}} géneros",
        "trackWithCount_one": "{{count}} pista",
        "trackWithCount_many": "{{count}} pistas",
-        "trackWithCount_other": "{{count}} pistas"
+        "trackWithCount_other": "{{count}} pistas",
+        "play_one": "Reproducir {{count}}",
+        "play_many": "Reproducir {{count}}",
+        "play_other": "Reproducir {{count}}"
    }
 }
@@ -28,7 +28,8 @@
        "mute": "muet",
        "skip_forward": "avancer",
        "pause": "pause",
-        "unfavorite": "dé-favori"
+        "unfavorite": "retirer des favoris",
+        "playSimilarSongs": "jouer des chansons similaires"
    },
    "action": {
        "editPlaylist": "éditer $t(entity.playlist_one)",
@@ -47,16 +48,20 @@
        "moveToBottom": "déplacer en bas",
        "setRating": "noter",
        "toggleSmartPlaylistEditor": "basculer l'éditeur de $t(entity.smartPlaylist)",
-        "removeFromFavorites": "retirer des $t(entity.favorite_other)"
+        "removeFromFavorites": "retirer des $t(entity.favorite_other)",
+        "openIn": {
+            "lastfm": "Ouvrir dans Last.fm",
+            "musicbrainz": "Ouvrir dans MusicBrainz"
+        }
    },
    "common": {
-        "backward": "reculer",
+        "backward": "en arrière",
        "increase": "augmenter",
        "rating": "note",
        "bpm": "bpm",
        "refresh": "rafraichir",
        "unknown": "inconnu",
-        "areYouSure": "êtes vous sûr ?",
+        "areYouSure": "êtes-vous sûr ?",
        "edit": "éditer",
        "favorite": "favoris",
        "left": "gauche",
@@ -130,7 +135,17 @@
        "random": "aléatoire",
        "size": "taille",
        "biography": "biographie",
-        "note": "note"
+        "note": "note",
+        "albumGain": "gain de l'album",
+        "albumPeak": "crête de l'album",
+        "close": "fermer",
+        "mbid": "Identifiants MusicBrainz",
+        "preview": "aperçu",
+        "share": "partager",
+        "reload": "recharger",
+        "trackGain": "gain de la piste",
+        "trackPeak": "crête de la piste",
+        "codec": "codec"
    },
    "error": {
        "remotePortWarning": "redémarrer le serveur pour appliquer le nouveau port",
@@ -151,7 +166,10 @@
        "mpvRequired": "MPV requis",
        "audioDeviceFetchError": "une erreur s’est produite lors de la tentative d’obtenir les périphériques audio",
        "invalidServer": "serveur invalide",
-        "loginRateError": "trop de tentative de connexion, merci d'essayer dans quelque secondes"
+        "loginRateError": "trop de tentative de connexion, merci d'essayer dans quelque secondes",
+        "openError": "impossible d'ouvrir le fichier",
+        "networkError": "une erreur de réseau est survenue",
+        "badAlbum": "vous voyez cette page parce que cette chanson ne fait pas parti d'un album. vous rencontrez probablement cette erreur si vous avez une chanson qui n'est pas dans votre répertoire de musique. jellyfin gère les chansons uniquement si elles sont dans un sous-dossier, qui est lui-même dans un dossier \"Musique(s)\"."
    },
    "filter": {
        "mostPlayed": "plus joués",
@@ -209,7 +227,8 @@
            "settings": "$t(common.setting_other)",
            "home": "$t(common.home)",
            "artists": "$t(entity.artist_other)",
-            "albumArtists": "$t(entity.albumArtist_other)"
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "shared": "partagé $t(entity.playlist_other)"
        },
        "fullscreenPlayer": {
            "config": {
@@ -221,9 +240,11 @@
                "unsynchronized": "désynchronisé",
                "lyricAlignment": "alignement des paroles",
                "useImageAspectRatio": "utiliser le ratio de l'image",
-                "opacity": "opacitée",
+                "opacity": "opacité",
                "lyricSize": "Taille des paroles",
-                "lyricGap": "espacement des lettres"
+                "lyricGap": "espacement des lettres",
+                "dynamicIsImage": "activer l'image d'arrière-plan",
+                "dynamicImageBlur": "intensité de flou sur image d'arrière-plan"
            },
            "upNext": "à suivre",
            "lyrics": "paroles",
@@ -254,7 +275,7 @@
        },
        "setting": {
            "generalTab": "général",
-            "hotkeysTab": "raccourci",
+            "hotkeysTab": "raccourcis",
            "windowTab": "fenêtre",
            "playbackTab": "lecteur"
        },
@@ -282,22 +303,47 @@
            "addLast": "$t(player.addLast)",
            "addFavorite": "$t(action.addToFavorites)",
            "play": "$t(player.play)",
-            "removeFromQueue": "$t(action.removeFromQueue)"
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "shareItem": "partager un élément",
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "showDetails": "obtenir des informations"
        },
        "albumArtistList": {
            "title": "$t(entity.albumArtist_other)"
        },
        "genreList": {
-            "title": "$t(entity.genre_other)"
+            "title": "$t(entity.genre_other)",
+            "showAlbums": "afficher $t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "afficher $t(entity.genre_one) $t(entity.track_other)"
        },
        "trackList": {
-            "title": "$t(entity.track_other)"
+            "title": "$t(entity.track_other)",
+            "artistTracks": "pistes par {{artist}}",
+            "genreTracks": "'{{genre}}' $t(entity.track_other)"
        },
        "playlistList": {
            "title": "$t(entity.playlist_other)"
        },
        "albumList": {
-            "title": "$t(entity.album_other)"
+            "title": "$t(entity.album_other)",
+            "artistAlbums": "albums par {{artist}}",
+            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
+        },
+        "albumArtistDetail": {
+            "about": "À propos de {{artist}}",
+            "appearsOn": "apparaît sur",
+            "topSongsFrom": "meilleures chansons de {{title}}",
+            "viewAll": "voir tout",
+            "viewAllTracks": "voir tout $t(entity.track_other)",
+            "recentReleases": "sorties récentes",
+            "viewDiscography": "voir la discographie",
+            "relatedArtists": "en rapport avec $t(entity.artist_other)",
+            "topSongs": "meilleures chansons"
+        },
+        "itemDetail": {
+            "copyPath": "copier le chemin dans le presse-papiers",
+            "openFile": "afficher la piste dans le gestionnaire de fichiers",
+            "copiedPath": "chemin copié avec succès"
        }
    },
    "setting": {
@@ -331,7 +377,7 @@
        "mpvExecutablePath_description": "définit le chemin vers l'exécutable mpv, si vide, le chemin par défaut sera utilisé",
        "hotkey_favoriteCurrentSong": "favori $t(common.currentSong)",
        "sampleRate": "taux d'échantillonnage",
-        "sampleRate_description": "sélectionner le taux d'échantillonnage de sortie utilisé si la fréquence d'échantillonnage sélectionnée est différente de celle du média actuel. une valeur en inférieur à 8000 utilisera la fréquence par défaut",
+        "sampleRate_description": "sélectionne le taux d'échantillonnage de sortie utilisé si la fréquence d'échantillonnage sélectionnée est différente de celle du média actuel. une valeur inférieure à 8000 utilisera la fréquence par défaut",
        "hotkey_zoomIn": "zoom avant",
        "scrobble_description": "scrobble les lectures à votre serveur multimédia",
        "hotkey_browserForward": "avancer",
@@ -359,7 +405,7 @@
        "fontType_optionCustom": "police personnalisée",
        "remotePassword": "mot de passe du serveur de contrôle à distance",
        "lyricFetchProvider": "fournisseur depuis lequel récupérer les paroles",
-        "language_description": "définit la langue de l'application $t(common.restartRequired)",
+        "language_description": "définit la langue de l'application ($t(common.restartRequired))",
        "playbackStyle_optionCrossFade": "fondu enchaîné",
        "hotkey_rate3": "noter 3 étoiles",
        "font": "police",
@@ -371,7 +417,7 @@
        "hotkey_rate5": "noter 5 étoiles",
        "hotkey_playbackPrevious": "piste précédente",
        "showSkipButtons_description": "affiche ou cache les boutons suivants et précédents de la barre de lecture",
-        "language": "language",
+        "language": "langage",
        "playbackStyle": "style de lecture",
        "hotkey_toggleShuffle": "basculer la lecture aléatoire",
        "playbackStyle_description": "sélectionnez le style de lecture à utiliser pour le lecteur audio",
@@ -416,7 +462,7 @@
        "savePlayQueue_description": "sauvegarde la liste de lecture quand l'application est fermée et la restaure quand l'application est ouverte",
        "sidebarCollapsedNavigation_description": "affiche ou cache la navigation dans la barre latérale réduite",
        "sidebarConfiguration": "configuration de la barre latérale",
-        "sidebarConfiguration_description": "sélectionnez les items et l'ordre dans lesquels ils seront affichaient dans la barre latérale",
+        "sidebarConfiguration_description": "sélectionnez les éléments et l'ordre dans lequel ils seront affichés dans la barre latérale",
        "sidebarPlaylistList": "liste de playlist de la barre latérale",
        "sidebarCollapsedNavigation": "navigation de la barre latéral (réduite)",
        "skipDuration": "durée de l'avance rapide",
@@ -434,13 +480,13 @@
        "themeLight_description": "définit le thème clair à utiliser pour l'application",
        "zoom_description": "définit le pourcentage de zoom de l'application",
        "theme": "thème",
-        "skipPlaylistPage_description": "lors de la navigation dans une playlist, aller directement vers le liste des morceaux, au lieu de la page par défaut",
+        "skipPlaylistPage_description": "lors de la navigation dans une playlist, aller directement vers la liste des morceaux, au lieu de la page par défaut",
        "volumeWheelStep": "valeur du pas de volume",
        "windowBarStyle": "style de la barre de la fenêtre",
-        "useSystemTheme_description": "suivre les préférences du système (sombre ou clair)",
+        "useSystemTheme_description": "suivre les préférences du système (mode clair ou sombre)",
        "skipPlaylistPage": "sauter la page de playlist",
        "themeDark": "thème (sombre)",
-        "windowBarStyle_description": "sélectionner le style de la barre de la fenêtre",
+        "windowBarStyle_description": "ajuster le style de la barre de la fenêtre",
        "useSystemTheme": "utiliser le thème du système",
        "discordApplicationId_description": "l'identifiant de l'application pour le statut d'activité {{discord}} (par défaut à {{defaultId}})",
        "audioExclusiveMode": "mode de sortie audio exclusif",
@@ -455,18 +501,36 @@
        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
        "replayGainMode_description": "ajuste le gain de volume accordement à la valeur de {{ReplayGain}} sauvegardé dans les métadonnées du fichier",
        "replayGainFallback": "{{ReplayGain}} fallback",
-        "replayGainClipping_description": "Préviens le clipping causé par {{ReplayGain}} en baissant automatiquement le gain",
+        "replayGainClipping_description": "Prévient le clipping causé par {{ReplayGain}} en baissant automatiquement le gain",
        "replayGainPreamp": "préamplificateur (dB) de {{ReplayGain}}",
        "replayGainClipping": "{{ReplayGain}} clipping",
        "replayGainMode": "mode de {{ReplayGain}}",
        "replayGainFallback_description": "gain en dB à appliquer si le fichier n'a pas de tag {{ReplayGain}}",
        "replayGainPreamp_description": "ajuste le gain de préampli appliqué a la valeur de {{ReplayGain}}",
        "clearQueryCache": "vide le cache de feishin",
-        "clearCache": "Vider le cache navigateur",
+        "clearCache": "vider le cache navigateur",
        "buttonSize_description": "la taille des boutons de la barre de lecture",
        "clearQueryCache_description": "un 'soft clear' de feishin. cela actualisera les playlists, les métadonnées des pistes, et réinitialisera les paroles enregistrées. les paramètres, identifiants serveurs et les images mises en cache sont conservés",
        "clearCache_description": "un 'hard clear' de feishin. en plus de vider le cache de feishin, vide le cache du navigateur (images sauvegardées et autres ressources). les identifiants serveurs et paramètres sont conservés",
-        "buttonSize": "taille des boutons de la barre de lecture"
+        "buttonSize": "taille des boutons du lecteur",
+        "clearCacheSuccess": "le cache a été vidé",
+        "externalLinks_description": "activer l'affichage de liens externes (Last.fm, MusicBrainz) sur la page de l'artiste/album",
+        "genreBehavior": "comportement par défaut de la page des genres",
+        "startMinimized_description": "démarrer l'application dans la barre des tâches",
+        "externalLinks": "afficher les liens externes",
+        "homeConfiguration": "configuration de la page d'accueil",
+        "homeFeature": "carrousel de la page d'accueil",
+        "homeFeature_description": "active ou désactive le carrousel sur la page d'accueil",
+        "imageAspectRatio": "utiliser le rapport hauteur/largeur natif de la pochette",
+        "imageAspectRatio_description": "si cette option est activée, les pochettes seront affichées en utilisant leur rapport hauteur/largeur natif. pour les pochettes qui n'ont pas un rapport 1:1 (carré), l'espace restant sera vide",
+        "mpvExtraParameters_help": "un par ligne",
+        "passwordStore_description": "quel mot de passe utiliser. changez cela si vous rencontrez des problèmes pour stocker les mots de passe.",
+        "playerAlbumArtResolution": "résolution de la pochette de l'album du lecteur",
+        "passwordStore": "mots de passe",
+        "playerAlbumArtResolution_description": "la résolution pour l'aperçu de la pochette d'album agrandie du lecteur. plus grand le rend plus net, mais peut ralentir le chargement. la valeur par défaut est 0 (automatique)",
+        "homeConfiguration_description": "configurer quels éléments sont affichés sur la page d'accueil, et dans quel ordre",
+        "startMinimized": "démarrer l'application en mode réduit",
+        "genreBehavior_description": "détermine si cliquer sur un genre ouvre par défaut la liste des pistes ou des albums"
    },
    "form": {
        "deletePlaylist": {
@@ -516,6 +580,14 @@
            "title": "rechercher parole",
            "input_name": "$t(common.name)",
            "input_artist": "$t(entity.artist_one)"
+        },
+        "shareItem": {
+            "allowDownloading": "autoriser le téléchargement",
+            "description": "description",
+            "setExpiration": "définir une expiration",
+            "success": "lien de partage copié dans le presse-papier (ou cliquez ici pour ouvrir)",
+            "expireInvalid": "l'expiration doit être définie à une date ultérieure",
+            "createFailed": "échec de la création du lien de partage (le partage est-il activé ?)"
        }
    },
    "entity": {
@@ -573,7 +645,9 @@
                "tableColumns": "colonnes de la liste",
                "autoFitColumns": "colonnes à ajustement automatique",
                "gap": "$t(common.gap)",
-                "size": "$t(common.size)"
+                "size": "$t(common.size)",
+                "itemGap": "écart entre les éléments (en pixel)",
+                "itemSize": "taille des élements (en pixel)"
            },
            "view": {
                "table": "liste",
@@ -606,7 +680,9 @@
                "title": "$t(common.title)",
                "size": "$t(common.size)",
                "genre": "$t(entity.genre_one)",
-                "year": "$t(common.year)"
+                "year": "$t(common.year)",
+                "songCount": "$t(entity.track_other)",
+                "codec": "$t(common.codec)"
            }
        },
        "column": {
@@ -632,7 +708,8 @@
            "genre": "$t(entity.genre_one)",
            "songCount": "$t(entity.track_other)",
            "channels": "$t(common.channel_other)",
-            "size": "$t(common.size)"
+            "size": "$t(common.size)",
+            "codec": "$t(common.codec)"
        }
    }
 }
@@ -2,7 +2,7 @@
    "action": {
        "editPlaylist": "pas $t(entity.playlist_one) aan",
        "goToPage": "ga naar pagina",
-        "moveToTop": "verplaats naar top",
+        "moveToTop": "verplaats naar boven",
        "addToFavorites": "toevoegen aan $t(entity.favorite_other)",
        "addToPlaylist": "toevoegen aan $t(entity.playlist_one)",
        "createPlaylist": "maak $t(entity.playlist_one)",
@@ -16,7 +16,11 @@
        "setRating": "selecteer rating",
        "toggleSmartPlaylistEditor": "editor $t(entity.smartPlaylist) schakelen",
        "removeFromFavorites": "verwijder van $t(entity.favorite_other)",
-        "clearQueue": "lijst leegmaken"
+        "clearQueue": "verwijder lijst",
+        "openIn": {
+            "lastfm": "Open in Last.fm",
+            "musicbrainz": "Open in MusicBrainz"
+        }
    },
    "common": {
        "backward": "achteruit",
@@ -95,7 +99,10 @@
        "search": "zoeken",
        "saveAs": "opslaan als",
        "yes": "ja",
-        "size": "grootte"
+        "size": "grootte",
+        "reload": "herlaad",
+        "setting": "instelling",
+        "close": "sluiten"
    },
    "filter": {
        "rating": "rating",
@@ -1,7 +1,7 @@
 {
    "action": {
-        "editPlaylist": "编辑 $t(entity.playlist_one)",
-        "moveToTop": "跳至顶部",
+        "editPlaylist": "编辑$t(entity.playlist_one)",
+        "moveToTop": "移至顶部",
        "clearQueue": "清空播放队列",
        "addToFavorites": "添加到$t(entity.favorite_other)",
        "addToPlaylist": "添加到$t(entity.playlist_one)",
@@ -12,11 +12,11 @@
        "deletePlaylist": "删除$t(entity.playlist_one)",
        "removeFromQueue": "从播放队列中移除",
        "deselectAll": "取消全选",
-        "moveToBottom": "跳至底部",
+        "moveToBottom": "移至底部",
        "setRating": "评分",
        "toggleSmartPlaylistEditor": "切换$t(entity.smartPlaylist)编辑器",
        "removeFromFavorites": "从$t(entity.favorite_other)移除",
-        "goToPage": "转到页面",
+        "goToPage": "前往页面",
        "openIn": {
            "lastfm": "在 Last.fm 中打开",
            "musicbrainz": "在 MusicBrainz 中打开"
@@ -67,8 +67,8 @@
        "bitrate": "比特率",
        "saveAndReplace": "保存并替换",
        "action_other": "操作",
-        "confirm": "确认",
-        "resetToDefault": "重置为默认",
+        "confirm": "确定",
+        "resetToDefault": "重置为默认状态",
        "home": "主页",
        "comingSoon": "即将上线…",
        "reset": "重置",
@@ -80,28 +80,28 @@
        "quit": "退出",
        "expand": "展开",
        "search": "搜索",
-        "saveAs": "保存为",
+        "saveAs": "另存为",
        "random": "随机",
        "biography": "简介",
        "sortOrder": "顺序",
-        "backward": "返回",
+        "backward": "后退",
        "gap": "空隙",
        "limit": "限制",
        "duration": "时长",
        "ok": "好",
        "no": "否",
-        "playerMustBePaused": "播放器须被暂停",
+        "playerMustBePaused": "播放器必须暂停",
        "channel_other": "频道",
        "none": "无",
-        "disc": "盘",
+        "disc": "碟片",
        "yes": "是",
        "size": "大小",
-        "areYouSure": "是否继续？",
+        "areYouSure": "是否确定？",
        "note": "注释",
        "close": "关闭",
        "albumPeak": "专辑峰值",
        "mbid": "MusicBrainz ID",
-        "reload": "重新加载",
+        "reload": "重载",
        "trackGain": "音轨增益",
        "trackPeak": "音轨峰值",
        "albumGain": "专辑增益",
@@ -125,13 +125,14 @@
        "folder_other": "文件夹",
        "smartPlaylist": "智能$t(entity.playlist_one)",
        "genreWithCount_other": "{{count}} 种流派",
-        "trackWithCount_other": "{{count}} 首乐曲"
+        "trackWithCount_other": "{{count}} 首乐曲",
+        "play_other": "{{count}} 次播放"
    },
    "player": {
-        "repeat_all": "全部循环",
+        "repeat_all": "循环全部",
        "stop": "停止",
        "repeat": "循环",
-        "queue_remove": "移除所选",
+        "queue_remove": "移除所选项",
        "playRandom": "随机播放",
        "skip": "跳过",
        "previous": "上一首",
@@ -139,20 +140,20 @@
        "skip_back": "向后跳过",
        "favorite": "收藏",
        "next": "下一首",
-        "shuffle": "随机播放",
+        "shuffle": "随机",
        "playbackFetchNoResults": "未找到歌曲",
        "playbackFetchInProgress": "正在加载歌曲…",
        "addNext": "添加为播放列表下一首",
        "playbackFetchCancel": "请稍等…关闭通知以取消操作",
        "play": "播放",
-        "repeat_off": "不循环",
+        "repeat_off": "循环关闭",
        "queue_clear": "清空播放队列",
        "muted": "已静音",
        "unfavorite": "取消收藏",
-        "queue_moveToTop": "使所选置底",
-        "queue_moveToBottom": "使所选置顶",
-        "shuffle_off": "未启用随机播放",
-        "addLast": "添加到播放列表末尾",
+        "queue_moveToTop": "将所选项移至底部",
+        "queue_moveToBottom": "将所选项移至顶部",
+        "shuffle_off": "随机关闭",
+        "addLast": "添加至播放列表末尾",
        "mute": "静音",
        "skip_forward": "向前跳过",
        "playbackSpeed": "播放速度",
@@ -161,10 +162,10 @@
    },
    "setting": {
        "crossfadeStyle_description": "选择用于音频播放器的淡入淡出风格",
-        "hotkey_favoriteCurrentSong": "收藏 $t(common.currentSong)",
+        "hotkey_favoriteCurrentSong": "收藏$t(common.currentSong)",
        "crossfadeStyle": "淡入淡出风格",
-        "audioExclusiveMode_description": "启用独占输出模式。在此模式下，系统通常被锁定，只有 mpv 能够输出音频",
-        "disableLibraryUpdateOnStartup": "禁用启动时查找新版本",
+        "audioExclusiveMode_description": "启用独占输出模式。在此模式下，系统通常被锁定为只有 mpv 能够输出音频",
+        "disableLibraryUpdateOnStartup": "禁用启动时查询新版本",
        "gaplessAudio": "无缝音频",
        "audioPlayer_description": "选择用于播放的音频播放器",
        "globalMediaHotkeys": "全局媒体快捷键",
@@ -191,48 +192,48 @@
        "audioDevice_description": "选择用于播放的音频设备（仅 web 播放器）",
        "enableRemote_description": "启用远程控制服务器，以允许其他设备控制此应用",
        "remotePort_description": "设置远程服务器端口",
-        "hotkey_skipBackward": "向回跳过",
+        "hotkey_skipBackward": "向后跳过",
        "replayGainMode_description": "根据乐曲元数据中存储的{{ReplayGain}}值调整音量增益",
        "volumeWheelStep_description": "在音量滑块上滚动鼠标滚轮时要更改的音量大小",
        "theme_description": "设置应用的主题",
        "hotkey_playbackPause": "暂停",
-        "replayGainFallback": "{{ReplayGain}}后备替代",
+        "replayGainFallback": "{{ReplayGain}}后备方案",
        "sidebarCollapsedNavigation_description": "在折叠的侧边栏中显示或隐藏导航",
        "hotkey_volumeUp": "音量增高",
        "skipDuration": "跳过时长",
        "showSkipButtons": "显示跳过按钮",
        "playButtonBehavior_optionPlay": "$t(player.play)",
-        "minimumScrobblePercentage": "最小 scrobble 时长（百分比）",
+        "minimumScrobblePercentage": "最小记录时长（百分比）",
        "lyricFetch": "从互联网获取歌词",
-        "scrobble": "记录播放信息（Scrobble）",
+        "scrobble": "记录播放信息",
        "skipDuration_description": "设置每次按下跳过按钮将会跳过的时长",
        "fontType_optionSystem": "系统字体",
-        "mpvExecutablePath_description": "设置 mpv 二进制文件的路径。如果留空，则使用默认路径",
+        "mpvExecutablePath_description": "设置 mpv 可执行文件的路径。如果留空，则使用默认路径",
        "sampleRate": "采样率",
        "sidePlayQueueStyle_optionAttached": "吸附",
        "sidebarConfiguration": "侧边栏设定",
        "sampleRate_description": "如果选择的采样频率与当前媒体的采样频率不同，请选择要使用的输出采样率。小于 8000 的值将使用默认频率",
        "replayGainMode_optionNone": "$t(common.none)",
        "hotkey_zoomIn": "放大",
-        "scrobble_description": "在你的社交媒体中记录播放信息",
+        "scrobble_description": "在你的媒体服务器中记录播放信息",
        "hotkey_browserForward": "浏览器前进",
        "themeLight": "主题（浅色）",
        "fontType_optionBuiltIn": "内置字体",
        "hotkey_playbackPlayPause": "播放/暂停",
        "hotkey_rate1": "评为 1 星",
-        "hotkey_skipForward": "向后跳过",
+        "hotkey_skipForward": "向前跳过",
        "sidePlayQueueStyle": "侧边播放列表样式",
        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
        "zoom": "缩放率",
        "minimizeToTray_description": "将应用程序最小化到系统托盘",
        "hotkey_playbackPlay": "播放",
-        "hotkey_togglePreviousSongFavorite": "收藏 / 取消收藏$t(common.previousSong)",
+        "hotkey_togglePreviousSongFavorite": "切换收藏$t(common.previousSong)",
        "hotkey_volumeDown": "音量降低",
        "hotkey_unfavoritePreviousSong": "取消收藏$t(common.previousSong)",
        "hotkey_globalSearch": "全局搜索",
        "remoteUsername_description": "设置远程控制服务器的用户名。如果用户名和密码都为空，则身份验证将被禁用",
-        "exitToTray_description": "退出应用时最小化到系统托盘而非关闭",
-        "hotkey_favoritePreviousSong": "收藏 $t(common.previousSong)",
+        "exitToTray_description": "退出应用时最小化到系统托盘",
+        "hotkey_favoritePreviousSong": "收藏$t(common.previousSong)",
        "replayGainMode_optionAlbum": "$t(entity.album_one)",
        "lyricOffset": "歌词偏移（毫秒）",
        "fontType_optionCustom": "自定义字体",
@@ -240,49 +241,49 @@
        "remotePassword": "远程控制服务器密码",
        "lyricFetchProvider": "歌词源",
        "language_description": "设置应用的语言（$t(common.restartRequired)）",
-        "playbackStyle_optionCrossFade": "交叉淡入淡出",
+        "playbackStyle_optionCrossFade": "淡入淡出",
        "hotkey_rate3": "评为 3 星",
        "mpvExtraParameters": "mpv 参数",
        "replayGainMode_optionTrack": "$t(entity.track_one)",
        "themeLight_description": "应用将使用浅色主题",
        "hotkey_toggleFullScreenPlayer": "全屏播放",
        "hotkey_localSearch": "页面内搜索",
-        "hotkey_toggleQueue": "显示 / 隐藏播放队列",
+        "hotkey_toggleQueue": "切换播放队列",
        "zoom_description": "设置应用程序的缩放率",
        "remotePassword_description": "设置远程控制服务器的密码。这些凭据默认以不安全的方式传输，因此您应该使用一个您不在意的唯一密码",
        "hotkey_rate5": "评为 5 星",
-        "hotkey_playbackPrevious": "上一曲",
-        "showSkipButtons_description": "在播放条显示/隐藏播放按钮",
+        "hotkey_playbackPrevious": "上一首",
+        "showSkipButtons_description": "在播放条显示或隐藏播放按钮",
        "language": "语言",
        "playbackStyle": "播放风格",
-        "hotkey_toggleShuffle": "切换随机播放设定",
+        "hotkey_toggleShuffle": "切换随机",
        "theme": "主题",
-        "playbackStyle_description": "选择播放器的播放风格",
-        "mpvExecutablePath": "mpv 二进制文件路径",
+        "playbackStyle_description": "选择音频播放器的播放风格",
+        "mpvExecutablePath": "mpv 可执行文件路径",
        "hotkey_rate2": "评为 2 星",
-        "playButtonBehavior_description": "设置将歌曲添加到队列时播放按钮的默认行为",
-        "minimumScrobblePercentage_description": "歌曲被记录为已播放（scrobble）所需的最小播放百分比",
+        "playButtonBehavior_description": "设置将歌曲添加到播放队列时播放按钮的默认行为",
+        "minimumScrobblePercentage_description": "歌曲被记录为已播放所需的最小播放百分比",
        "exitToTray": "退出时最小化到托盘",
        "hotkey_rate4": "评为 4 星",
-        "showSkipButton_description": "在播放条上显示/隐藏跳过按钮",
-        "savePlayQueue": "保存播放列表",
-        "minimumScrobbleSeconds_description": "歌曲被记录为已播放（scrobble）所需的最小播放时间",
+        "showSkipButton_description": "在播放条上显示或隐藏跳过按钮",
+        "savePlayQueue": "保存播放队列",
+        "minimumScrobbleSeconds_description": "歌曲被记录为已播放所需的最小播放时间",
        "skipPlaylistPage_description": "打开歌单时，直接查看歌曲列表而非查看默认页面",
        "fontType_description": "内置字体可以选择 Feishin 提供的字体之一。系统字体允许您选择操作系统提供的任何字体。自定义选项允许您使用自己的字体",
        "playButtonBehavior": "播放按钮行为",
-        "volumeWheelStep": "音量滚轮步长",
+        "volumeWheelStep": "音量滚轮分度",
        "sidebarPlaylistList_description": "显示或隐藏侧边栏歌单列表",
        "sidePlayQueueStyle_description": "设置侧边播放列表样式",
        "replayGainMode": "{{ReplayGain}}模式",
-        "playbackStyle_optionNormal": "通常",
+        "playbackStyle_optionNormal": "正常",
        "windowBarStyle": "窗口顶栏风格",
        "floatingQueueArea": "显示浮动队列悬停区域",
        "replayGainFallback_description": "乐曲没有{{ReplayGain}}标签时应用的增益（以分贝为单位）",
-        "hotkey_toggleRepeat": "切换循环播放设定",
+        "hotkey_toggleRepeat": "切换循环",
        "lyricOffset_description": "将歌词偏移指定的毫秒数",
        "sidebarConfiguration_description": "选择侧边栏包含的项目与顺序",
        "remotePort": "远程服务器端口",
-        "hotkey_playbackNext": "下一曲",
+        "hotkey_playbackNext": "下一首",
        "useSystemTheme_description": "使用系统定义的浅色或深色主题",
        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
        "lyricFetch_description": "从多个互联网源获取歌词",
@@ -293,16 +294,16 @@
        "hotkey_rate0": "清除评分",
        "floatingQueueArea_description": "在屏幕右侧显示一个悬停图标，以查看播放队列",
        "hotkey_volumeMute": "静音",
-        "hotkey_toggleCurrentSongFavorite": "收藏 / 取消收藏$t(common.currentSong)",
-        "remoteUsername": "远程服务器用户名",
+        "hotkey_toggleCurrentSongFavorite": "切换收藏$t(common.currentSong)",
+        "remoteUsername": "远程控制服务器用户名",
        "hotkey_browserBack": "浏览器后退",
        "showSkipButton": "显示跳过按钮",
        "sidebarPlaylistList": "侧边栏歌单列表",
        "minimizeToTray": "最小化到托盘",
-        "skipPlaylistPage": "跳过歌单页面",
+        "skipPlaylistPage": "跳过播放列表页面",
        "themeDark": "主题（深色）",
        "sidebarCollapsedNavigation": "侧边栏（已折叠）导航",
-        "minimumScrobbleSeconds": "最小 scrobble 时间（秒）",
+        "minimumScrobbleSeconds": "最小记录时间（秒）",
        "hotkey_playbackStop": "停止",
        "windowBarStyle_description": "选择窗口顶栏的风格",
        "savePlayQueue_description": "当应用程序关闭时保存播放队列，并在应用程序打开时恢复它",
@@ -323,15 +324,15 @@
        "clearCache": "清除浏览器缓存",
        "buttonSize": "播放器栏按钮大小",
        "buttonSize_description": "播放器栏按钮大小",
-        "clearCache_description": "feishin的“硬清除”。除了清除feishin的缓存，清空浏览器缓存（保存的图像和其他资源）。会保留服务器凭据和设置",
-        "clearQueryCache_description": "feishin的“软清除”。这将会刷新播放列表、元数据并重置保存的歌词。会保留设置、服务器凭据和缓存图像",
+        "clearCache_description": "feishin的“硬清除”。除了清除feishin的缓存，清空浏览器缓存（保存的图像和其他资源）。服务器凭据和设置会被保留",
+        "clearQueryCache_description": "feishin的“软清除”。这将会刷新播放列表、元数据并重置保存的歌词。设置、服务器凭据和缓存图像会被保留",
        "clearQueryCache": "清除feishin缓存",
        "externalLinks": "显示外部链接",
        "externalLinks_description": "允许在艺术家/专辑页面上显示外部链接（Last.fm、MusicBrainz）",
        "mpvExtraParameters_help": "每行一个",
        "startMinimized": "启动最小化",
        "startMinimized_description": "在系统托盘中启动应用程序",
-        "passwordStore_description": "使用什么密码/秘密存储。如果您在存储密码时遇到问题，请更改此设置。",
+        "passwordStore_description": "使用什么密码/密钥存储。如果您在存储密码时遇到问题，请更改此设置。",
        "clearCacheSuccess": "缓存清除成功",
        "playerAlbumArtResolution": "播放器专辑封面分辨率",
        "playerAlbumArtResolution_description": "大型播放器专辑封面预览的分辨率。较大使其看起来更清晰，但可能会减慢加载速度。默认为0，表示自动",
@@ -339,11 +340,41 @@
        "genreBehavior_description": "确定单击流派是否默认在曲目或专辑列表中打开",
        "homeConfiguration": "主页配置",
        "homeConfiguration_description": "配置主页上显示的项目以及显示顺序",
-        "passwordStore": "密码/秘密存储",
+        "passwordStore": "密码/密钥存储",
        "homeFeature_description": "控制是否在主页上显示大型特色轮播",
        "homeFeature": "首页 精选 轮播",
-        "imageAspectRatio": "使用原生封面艺术纵横比",
-        "imageAspectRatio_description": "如果启用，封面艺术将使用其原生纵横比显示。对于不是1:1的艺术，剩余的空间将是空的"
+        "imageAspectRatio": "保留封面图像纵横比",
+        "imageAspectRatio_description": "如果启用，封面图像将保留纵横比显示。对于不是1:1的图像，剩余的空间将是空的",
+        "doubleClickBehavior_description": "如果为真，则曲目搜索中所有匹配的曲目都将被加入播放队列。否则，只有单击的曲目才会被加入播放队列",
+        "doubleClickBehavior": "双击时将所有搜索到的曲目加入播放队列",
+        "volumeWidth": "音量滑块宽度",
+        "volumeWidth_description": "音量滑块的宽度",
+        "discordListening": "显示状态为正在监听",
+        "discordListening_description": "将状态显示为 “正在监听”，而不是 “正在播放”。请注意，这当前会破坏计时器栏",
+        "contextMenu_description": "允许您隐藏右键单击项目时显示在菜单中的项目。未选中的项目将被隐藏",
+        "customCssEnable_description": "允许编写自定义 css。",
+        "customCss": "自定义css",
+        "customCss_description": "自定义css内容。注意：内容和远程url是不允许的属性。内容预览展示如下。出于安全考虑，您未设置的其它字段也会显示。",
+        "contextMenu": "上下文菜单（右键单击）配置",
+        "customCssEnable": "启用自定义 css",
+        "customCssNotice": "警告：虽然预设了一些安全限制（不允许 url() 和 content:），但使用自定义 CSS 仍然会因更改界面而带来风险。",
+        "transcodeNote": "1（web）-2（mpv）首歌曲后生效",
+        "transcode": "启用转码",
+        "transcode_description": "可以转码为不同的格式",
+        "transcodeBitrate": "转码比特率",
+        "albumBackground": "专辑背景图片",
+        "albumBackground_description": "为包含专辑封面的专辑页面添加背景图像",
+        "albumBackgroundBlur": "专辑背景图像模糊大小",
+        "albumBackgroundBlur_description": "调整相册背景图片的模糊程度",
+        "playerbarOpenDrawer": "播放器栏全屏切换",
+        "playerbarOpenDrawer_description": "允许点击播放器栏打开全屏播放器",
+        "transcodeBitrate_description": "选择要转码的比特率。0 表示让服务器选择",
+        "transcodeFormat": "转码格式",
+        "transcodeFormat_description": "选择要转码的格式。留空让服务器决定",
+        "webAudio_description": "使用 web 音频。这将启用重播增益等高级功能。如果您遇到其他情况，请禁用",
+        "artistConfiguration_description": "配置专辑艺术家页面上显示的项目及其显示顺序",
+        "webAudio": "使用 web 音频",
+        "artistConfiguration": "专辑艺术家页面配置"
    },
    "error": {
        "remotePortWarning": "重启服务器使新端口生效",
@@ -353,7 +384,7 @@
        "remotePortError": "设置远程服务器端口时发生错误",
        "serverRequired": "需要服务器",
        "authenticationFailed": "认证失败",
-        "apiRouteError": "请求失败：无法路由",
+        "apiRouteError": "无法路由请求",
        "genericError": "发生了错误",
        "credentialsRequired": "需要凭证",
        "sessionExpiredError": "会话已过期",
@@ -370,7 +401,7 @@
        "openError": "无法打开文件"
    },
    "filter": {
-        "mostPlayed": "播放最多",
+        "mostPlayed": "最多播放过",
        "playCount": "播放次数",
        "recentlyPlayed": "最近播放",
        "title": "标题",
@@ -387,7 +418,7 @@
        "albumArtist": "$t(entity.albumArtist_one)",
        "releaseYear": "发布年份",
        "biography": "个人简介",
-        "songCount": "曲目数",
+        "songCount": "曲目数量",
        "random": "随机",
        "lastPlayed": "上次播放过",
        "toYear": "从年份",
@@ -409,7 +440,7 @@
        "note": "注释",
        "albumCount": "$t(entity.album_other)数",
        "id": "id",
-        "disc": "盘",
+        "disc": "碟片",
        "duration": "时长",
        "album": "$t(entity.album_one)"
    },
@@ -426,7 +457,7 @@
            "home": "$t(common.home)",
            "artists": "$t(entity.artist_other)",
            "albumArtists": "$t(entity.albumArtist_other)",
-            "shared": "共享 $t(entity.playlist_other)"
+            "shared": "共享$t(entity.playlist_other)"
        },
        "fullscreenPlayer": {
            "config": {
@@ -469,19 +500,21 @@
        },
        "albumDetail": {
            "moreFromArtist": "更多该$t(entity.artist_one)作品",
-            "moreFromGeneric": "更多{{item}}作品"
+            "moreFromGeneric": "更多{{item}}作品",
+            "released": "已发布"
        },
        "setting": {
            "playbackTab": "播放",
            "generalTab": "通用",
            "hotkeysTab": "快捷键",
-            "windowTab": "窗口"
+            "windowTab": "窗口",
+            "advanced": "高级"
        },
        "globalSearch": {
            "commands": {
                "serverCommands": "服务器命令",
                "goToPage": "跳至页面",
-                "searchFor": "搜索 {{query}}"
+                "searchFor": "搜索{{query}}"
            },
            "title": "命令"
        },
@@ -504,25 +537,26 @@
            "addFavorite": "$t(action.addToFavorites)",
            "showDetails": "获取信息",
            "shareItem": "分享项目",
-            "playSimilarSongs": "$t(player.playSimilarSongs)"
+            "playSimilarSongs": "$t(player.playSimilarSongs)",
+            "download": "下载"
        },
        "trackList": {
            "title": "$t(entity.track_other)",
            "genreTracks": "\"{{genre}}\" $t(entity.track_other)",
-            "artistTracks": "{{artist}} 的曲目"
+            "artistTracks": "{{artist}}的曲目"
        },
        "albumArtistList": {
            "title": "$t(entity.albumArtist_other)"
        },
        "albumList": {
            "title": "$t(entity.album_other)",
-            "artistAlbums": "{{artist}} 的专辑",
+            "artistAlbums": "{{artist}}的专辑",
            "genreAlbums": "\"{{genre}}\" $t(entity.album_other)"
        },
        "genreList": {
            "title": "$t(entity.genre_other)",
-            "showAlbums": "显示 $t(entity.genre_one) $t(entity.album_other)",
-            "showTracks": "显示 $t(entity.genre_one) $t(entity.track_other)"
+            "showAlbums": "显示$t(entity.genre_one) $t(entity.album_other)",
+            "showTracks": "显示$t(entity.genre_one) $t(entity.track_other)"
        },
        "playlistList": {
            "title": "$t(entity.playlist_other)"
@@ -530,11 +564,11 @@
        "albumArtistDetail": {
            "recentReleases": "最近发布",
            "viewDiscography": "查看唱片目录",
-            "relatedArtists": "相关 $t(entity.artist_other)",
+            "relatedArtists": "相关$t(entity.artist_other)",
            "topSongs": "热门歌曲",
-            "topSongsFrom": "{{title}} 的热门歌曲",
-            "viewAllTracks": "查看所有 $t(entity.track_other)",
-            "about": "关于 {{artist}}",
+            "topSongsFrom": "{{title}}的热门歌曲",
+            "viewAllTracks": "查看所有$t(entity.track_other)",
+            "about": "关于{{artist}}",
            "appearsOn": "出现在",
            "viewAll": "查看全部"
        },
@@ -542,6 +576,9 @@
            "copyPath": "将路径复制到剪贴板",
            "copiedPath": "路径复制成功",
            "openFile": "在文件管理器中显示曲目"
+        },
+        "playlist": {
+            "reorder": "仅在按 ID 排序时启用重排序"
        }
    },
    "form": {
@@ -555,7 +592,7 @@
            "input_username": "用户名",
            "input_password": "密码",
            "input_legacyAuthentication": "启用旧版认证方式",
-            "input_name": "服务器名",
+            "input_name": "服务器名称",
            "success": "服务器添加成功",
            "input_savePassword": "保存密码",
            "ignoreSsl": "忽略 ssl $t(common.restartRequired)",
@@ -564,7 +601,7 @@
            "input_url": "url"
        },
        "addToPlaylist": {
-            "success": "添加 $t(entity.trackWithCount, {\"count\": {{message}} }) 到 $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
+            "success": "添加$t(entity.trackWithCount, {\"count\": {{message}} })到$t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
            "title": "添加到$t(entity.playlist_one)",
            "input_skipDuplicates": "跳过重复",
            "input_playlists": "$t(entity.playlist_other)"
@@ -586,7 +623,9 @@
            "input_optionMatchAny": "匹配任何"
        },
        "editPlaylist": {
-            "title": "编辑$t(entity.playlist_one)"
+            "title": "编辑$t(entity.playlist_one)",
+            "publicJellyfinNote": "Jellyfin 出于某种原因不会显示播放列表是否公开。如果您希望保持公开，请选择以下输入",
+            "success": "$t(entity.playlist_one)更新成功"
        },
        "lyricSearch": {
            "title": "搜索歌词",
@@ -595,7 +634,7 @@
        },
        "shareItem": {
            "expireInvalid": "过期时间必须是将来的时间",
-            "createFailed": "创建共享失败（是否启用共享？）",
+            "createFailed": "创建共享失败（是否已启用共享？）",
            "allowDownloading": "允许下载",
            "description": "描述",
            "setExpiration": "设置过期时间",
@@ -605,7 +644,7 @@
    "table": {
        "config": {
            "general": {
-                "displayType": "显示风格",
+                "displayType": "显示类型",
                "gap": "$t(common.gap)",
                "tableColumns": "列",
                "autoFitColumns": "列宽自适应",
@@ -627,7 +666,7 @@
                "bpm": "$t(common.bpm)",
                "lastPlayed": "最后播放",
                "trackNumber": "音轨编号",
-                "rowIndex": "行号",
+                "rowIndex": "行索引",
                "rating": "$t(common.rating)",
                "artist": "$t(entity.artist_one)",
                "album": "$t(entity.album_one)",
@@ -636,7 +675,7 @@
                "owner": "$t(common.owner)",
                "path": "$t(common.path)",
                "channels": "$t(common.channel_other)",
-                "playCount": "播放数",
+                "playCount": "播放次数",
                "bitrate": "$t(common.bitrate)",
                "actions": "$t(common.action_other)",
                "genre": "$t(entity.genre_one)",
@@ -652,7 +691,7 @@
        "column": {
            "comment": "评论",
            "album": "专辑",
-            "rating": "评价",
+            "rating": "评分",
            "favorite": "收藏",
            "playCount": "播放次数",
            "albumCount": "$t(entity.album_other)",
@@ -671,7 +710,7 @@
            "albumArtist": "专辑艺术家",
            "path": "路径",
            "channels": "$t(common.channel_other)",
-            "discNumber": "盘",
+            "discNumber": "碟片",
            "size": "$t(common.size)",
            "codec": "$t(common.codec)"
        }
@@ -5,7 +5,6 @@ import { app, ipcMain } from 'electron';
 import uniq from 'lodash/uniq';
 import MpvAPI from 'node-mpv';
 import { getMainWindow, sendToastToRenderer } from '../../../main';
-import { PlayerData } from '/@/renderer/store';
 import { createLog, isWindows } from '../../../utils';
 import { store } from '../settings';

@@ -315,8 +314,8 @@ ipcMain.on('player-seek-to', async (_event, time: number) => {
 });

 // Sets the queue in position 0 and 1 to the given data. Used when manually starting a song or using the next/prev buttons
-ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean) => {
-    if (!data.queue.current?.id && !data.queue.next?.id) {
+ipcMain.on('player-set-queue', async (_event, current?: string, next?: string, pause?: boolean) => {
+    if (!current && !next) {
        try {
            await getMpvInstance()?.clearPlaylist();
            await getMpvInstance()?.pause();
@@ -327,15 +326,15 @@ ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean)
    }

    try {
-        if (data.queue.current?.streamUrl) {
-            await getMpvInstance()
-                ?.load(data.queue.current.streamUrl, 'replace')
-                .catch(() => {
-                    getMpvInstance()?.play();
-                });
+        if (current) {
+            try {
+                await getMpvInstance()?.load(current, 'replace');
+            } catch (error) {
+                await getMpvInstance()?.play();
+            }

-            if (data.queue.next?.streamUrl) {
-                await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+            if (next) {
+                await getMpvInstance()?.load(next, 'append');
            }
        }

@@ -351,7 +350,7 @@ ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean)
 });

 // Replaces the queue in position 1 to the given data
-ipcMain.on('player-set-queue-next', async (_event, data: PlayerData) => {
+ipcMain.on('player-set-queue-next', async (_event, url?: string) => {
    try {
        const size = await getMpvInstance()?.getPlaylistSize();

@@ -363,8 +362,8 @@ ipcMain.on('player-set-queue-next', async (_event, data: PlayerData) => {
            await getMpvInstance()?.playlistRemove(1);
        }

-        if (data.queue.next?.streamUrl) {
-            await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+        if (url) {
+            await getMpvInstance()?.load(url, 'append');
        }
    } catch (err: NodeMpvError | any) {
        mpvLog({ action: `Failed to set play queue` }, err);
@@ -372,7 +371,7 @@ ipcMain.on('player-set-queue-next', async (_event, data: PlayerData) => {
 });

 // Sets the next song in the queue when reaching the end of the queue
-ipcMain.on('player-auto-next', async (_event, data: PlayerData) => {
+ipcMain.on('player-auto-next', async (_event, url?: string) => {
    // Always keep the current song as position 0 in the mpv queue
    // This allows us to easily set update the next song in the queue without
    // disturbing the currently playing song
@@ -383,8 +382,8 @@ ipcMain.on('player-auto-next', async (_event, data: PlayerData) => {
                getMpvInstance()?.pause();
            });

-        if (data.queue.next?.streamUrl) {
-            await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+        if (url) {
+            await getMpvInstance()?.load(url, 'append');
        }
    } catch (err: NodeMpvError | any) {
        mpvLog({ action: `Failed to load next song` }, err);
@@ -34,13 +34,14 @@ interface MimeType {
    js: string;
 }

-interface StatefulWebSocket extends WebSocket {
+declare class StatefulWebSocket extends WebSocket {
    alive: boolean;
+
    auth: boolean;
 }

 let server: Server | undefined;
-let wsServer: WsServer<StatefulWebSocket> | undefined;
+let wsServer: WsServer<typeof StatefulWebSocket> | undefined;

 const settings: RemoteConfig = {
    enabled: false,
@@ -327,9 +328,9 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
            });

            server.listen(config.port, resolve);
-            wsServer = new WebSocketServer({ server });
+            wsServer = new WebSocketServer<typeof StatefulWebSocket>({ server });

-            wsServer.on('connection', (ws) => {
+            wsServer!.on('connection', (ws: StatefulWebSocket) => {
                let authFail: number | undefined;
                ws.alive = true;

@@ -471,6 +472,15 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                                }
                                break;
                            }
+                            case 'position': {
+                                const { position } = json;
+                                if (mprisPlayer) {
+                                    mprisPlayer.getPosition = () => position * 1e6;
+                                }
+                                getMainWindow()?.webContents.send('request-position', {
+                                    position,
+                                });
+                            }
                        }
                    } catch (error) {
                        console.error(error);
@@ -496,7 +506,7 @@ const enableServer = (config: RemoteConfig): Promise<void> => {
                });
            }, PING_TIMEOUT_MS);

-            wsServer.on('close', () => {
+            wsServer!.on('close', () => {
                clearInterval(heartBeat);
            });

@@ -625,8 +635,8 @@ if (mprisPlayer) {
            event === 'Playlist'
                ? PlayerRepeat.ALL
                : event === 'Track'
-                ? PlayerRepeat.ONE
-                : PlayerRepeat.NONE;
+                  ? PlayerRepeat.ONE
+                  : PlayerRepeat.NONE;

        currentState.repeat = repeat;
        broadcast({ data: repeat, event: 'repeat' });
@@ -649,3 +659,8 @@ if (mprisPlayer) {
        broadcast({ data: volume, event: 'volume' });
    });
 }
+
+ipcMain.on('update-position', (_event, position: number) => {
+    currentState.position = position;
+    broadcast({ data: position, event: 'position' });
+});
@@ -106,7 +106,7 @@ mprisPlayer.on('seek', (event: number) => {
    });
 });

-ipcMain.on('mpris-update-position', (_event, arg) => {
+ipcMain.on('update-position', (_event, arg: number) => {
    mprisPlayer.getPosition = () => arg * 1e6;
 });

@@ -364,6 +364,10 @@ const createWindow = async (first = true) => {
        }
    });

+    ipcMain.on('download-url', (_event, url: string) => {
+        mainWindow?.webContents.downloadURL(url);
+    });
+
    const globalMediaKeysEnabled = store.get('global_media_hotkeys', true) as boolean;

    if (globalMediaKeysEnabled) {
@@ -25,8 +25,8 @@ const setProperties = (data: Record<string, any>) => {
    ipcRenderer.send('player-set-properties', data);
 };

-const autoNext = (data: PlayerData) => {
-    ipcRenderer.send('player-auto-next', data);
+const autoNext = (url?: string) => {
+    ipcRenderer.send('player-auto-next', url);
 };

 const currentTime = () => {
@@ -61,12 +61,12 @@ const seekTo = (seconds: number) => {
    ipcRenderer.send('player-seek-to', seconds);
 };

-const setQueue = (data: PlayerData, pause?: boolean) => {
-    ipcRenderer.send('player-set-queue', data, pause);
+const setQueue = (current?: string, next?: string, pause?: boolean) => {
+    ipcRenderer.send('player-set-queue', current, next, pause);
 };

-const setQueueNext = (data: PlayerData) => {
-    ipcRenderer.send('player-set-queue-next', data);
+const setQueueNext = (url?: string) => {
+    ipcRenderer.send('player-set-queue-next', url);
 };

 const stop = () => {
@@ -84,6 +84,10 @@ const updateVolume = (volume: number) => {
    ipcRenderer.send('update-volume', volume);
 };

+const updatePosition = (timeSec: number) => {
+    ipcRenderer.send('update-position', timeSec);
+};
+
 export const remote = {
    requestFavorite,
    requestPosition,
@@ -95,6 +99,7 @@ export const remote = {
    updateFavorite,
    updatePassword,
    updatePlayback,
+    updatePosition,
    updateRating,
    updateRepeat,
    updateSetting,
@@ -47,7 +47,12 @@ const logger = (
    ipcRenderer.send('logger', cb);
 };

+const download = (url: string) => {
+    ipcRenderer.send('download-url', url);
+};
+
 export const utils = {
+    download,
    isLinux,
    isMacOS,
    isWindows,
@@ -21,7 +21,7 @@ import { Tooltip } from '/@/renderer/components/tooltip';
 import { Rating } from '/@/renderer/components/rating';

 export const RemoteContainer = () => {
-    const { repeat, shuffle, song, status, volume } = useInfo();
+    const { position, repeat, shuffle, song, status, volume } = useInfo();
    const send = useSend();
    const showImage = useShowImage();

@@ -113,8 +113,8 @@ export const RemoteContainer = () => {
                        repeat === PlayerRepeat.ONE
                            ? 'One'
                            : repeat === PlayerRepeat.ALL
-                            ? 'all'
-                            : 'none'
+                              ? 'all'
+                              : 'none'
                    }`}
                    variant="default"
                    onClick={() => send({ event: 'repeat' })}
@@ -154,6 +154,16 @@ export const RemoteContainer = () => {
                    </div>
                )}
            </Group>
+            {id && position !== undefined && (
+                <WrapperSlider
+                    label={(value) => formatDuration(value * 1e3)}
+                    leftLabel={formatDuration(position * 1e3)}
+                    max={song.duration / 1e3}
+                    rightLabel={formatDuration(song.duration)}
+                    value={position}
+                    onChangeEnd={(e) => send({ event: 'position', position: e })}
+                />
+            )}
            <WrapperSlider
                leftLabel={<RiVolumeUpFill size={20} />}
                max={100}
@@ -44,7 +44,7 @@ export const WrapperSlider = ({ leftLabel, rightLabel, value, ...props }: Wrappe
                    {...props}
                    min={0}
                    size={6}
-                    value={!isSeeking ? value ?? 0 : seek}
+                    value={!isSeeking ? (value ?? 0) : seek}
                    w="100%"
                    onChange={(e) => {
                        setIsSeeking(true);
@@ -139,6 +139,12 @@ export const useRemoteStore = create<SettingsSlice>()(
                                        });
                                        break;
                                    }
+                                    case 'position': {
+                                        set((state) => {
+                                            state.info.position = data;
+                                        });
+                                        break;
+                                    }
                                    case 'proxy': {
                                        set((state) => {
                                            if (state.info.song) {
@@ -169,7 +175,6 @@ export const useRemoteStore = create<SettingsSlice>()(
                                    }
                                    case 'song': {
                                        set((state) => {
-                                            console.log(data);
                                            state.info.song = data;
                                        });
                                        break;
@@ -2,6 +2,7 @@ import type { QueueSong } from '/@/renderer/api/types';
 import type { PlayerRepeat, PlayerStatus, SongState } from '/@/renderer/types';

 export interface SongUpdateSocket extends Omit<SongState, 'song'> {
+    position?: number;
    song?: QueueSong | null;
 }

@@ -20,6 +21,10 @@ export interface ServerPlayStatus {
    event: 'playback';
 }

+export interface ServerPosition {
+    data: number;
+    event: 'position';
+}
 export interface ServerProxy {
    data: string;
    event: 'proxy';
@@ -59,6 +64,7 @@ export type ServerEvent =
    | ServerError
    | ServerFavorite
    | ServerPlayStatus
+    | ServerPosition
    | ServerRating
    | ServerRepeat
    | ServerShuffle
@@ -93,8 +99,14 @@ export interface ClientAuth {
    header: string;
 }

+export interface ClientPosition {
+    event: 'position';
+    position: number;
+}
+
 export type ClientEvent =
    | ClientAuth
+    | ClientPosition
    | ClientSimpleEvent
    | ClientFavorite
    | ClientRating
@@ -57,6 +57,9 @@ import type {
    Song,
    ServerType,
    ShareItemResponse,
+    MoveItemArgs,
+    DownloadArgs,
+    TranscodingArgs,
 } from '/@/renderer/api/types';
 import { DeletePlaylistResponse, RandomSongListArgs } from './types';
 import { ndController } from '/@/renderer/api/navidrome/navidrome-controller';
@@ -82,6 +85,7 @@ export type ControllerEndpoint = Partial<{
    getArtistDetail: () => void;
    getArtistInfo: (args: any) => void;
    getArtistList: (args: ArtistListArgs) => Promise<ArtistListResponse>;
+    getDownloadUrl: (args: DownloadArgs) => string;
    getFavoritesList: () => void;
    getFolderItemList: () => void;
    getFolderList: () => void;
@@ -99,7 +103,9 @@ export type ControllerEndpoint = Partial<{
    getSongList: (args: SongListArgs) => Promise<SongListResponse>;
    getStructuredLyrics: (args: StructuredLyricsArgs) => Promise<StructuredLyric[]>;
    getTopSongs: (args: TopSongListArgs) => Promise<TopSongListResponse>;
+    getTranscodingUrl: (args: TranscodingArgs) => string;
    getUserList: (args: UserListArgs) => Promise<UserListResponse>;
+    movePlaylistItem: (args: MoveItemArgs) => Promise<void>;
    removeFromPlaylist: (args: RemoveFromPlaylistArgs) => Promise<RemoveFromPlaylistResponse>;
    scrobble: (args: ScrobbleArgs) => Promise<ScrobbleResponse>;
    search: (args: SearchArgs) => Promise<SearchResponse>;
@@ -130,6 +136,7 @@ const endpoints: ApiController = {
        getArtistDetail: undefined,
        getArtistInfo: undefined,
        getArtistList: undefined,
+        getDownloadUrl: jfController.getDownloadUrl,
        getFavoritesList: undefined,
        getFolderItemList: undefined,
        getFolderList: undefined,
@@ -147,7 +154,9 @@ const endpoints: ApiController = {
        getSongList: jfController.getSongList,
        getStructuredLyrics: undefined,
        getTopSongs: jfController.getTopSongList,
+        getTranscodingUrl: jfController.getTranscodingUrl,
        getUserList: undefined,
+        movePlaylistItem: jfController.movePlaylistItem,
        removeFromPlaylist: jfController.removeFromPlaylist,
        scrobble: jfController.scrobble,
        search: jfController.search,
@@ -170,6 +179,7 @@ const endpoints: ApiController = {
        getArtistDetail: undefined,
        getArtistInfo: undefined,
        getArtistList: undefined,
+        getDownloadUrl: ssController.getDownloadUrl,
        getFavoritesList: undefined,
        getFolderItemList: undefined,
        getFolderList: undefined,
@@ -187,7 +197,9 @@ const endpoints: ApiController = {
        getSongList: ndController.getSongList,
        getStructuredLyrics: ssController.getStructuredLyrics,
        getTopSongs: ssController.getTopSongList,
+        getTranscodingUrl: ssController.getTranscodingUrl,
        getUserList: ndController.getUserList,
+        movePlaylistItem: ndController.movePlaylistItem,
        removeFromPlaylist: ndController.removeFromPlaylist,
        scrobble: ssController.scrobble,
        search: ssController.search3,
@@ -209,6 +221,7 @@ const endpoints: ApiController = {
        getArtistDetail: undefined,
        getArtistInfo: undefined,
        getArtistList: undefined,
+        getDownloadUrl: ssController.getDownloadUrl,
        getFavoritesList: undefined,
        getFolderItemList: undefined,
        getFolderList: undefined,
@@ -224,6 +237,7 @@ const endpoints: ApiController = {
        getSongList: undefined,
        getStructuredLyrics: ssController.getStructuredLyrics,
        getTopSongs: ssController.getTopSongList,
+        getTranscodingUrl: ssController.getTranscodingUrl,
        getUserList: undefined,
        scrobble: ssController.scrobble,
        search: ssController.search3,
@@ -541,6 +555,33 @@ const getSimilarSongs = async (args: SimilarSongsArgs) => {
    )?.(args);
 };

+const movePlaylistItem = async (args: MoveItemArgs) => {
+    return (
+        apiController(
+            'movePlaylistItem',
+            args.apiClientProps.server?.type,
+        ) as ControllerEndpoint['movePlaylistItem']
+    )?.(args);
+};
+
+const getDownloadUrl = (args: DownloadArgs) => {
+    return (
+        apiController(
+            'getDownloadUrl',
+            args.apiClientProps.server?.type,
+        ) as ControllerEndpoint['getDownloadUrl']
+    )?.(args);
+};
+
+const getTranscodingUrl = (args: TranscodingArgs) => {
+    return (
+        apiController(
+            'getTranscodingUrl',
+            args.apiClientProps.server?.type,
+        ) as ControllerEndpoint['getTranscodingUrl']
+    )?.(args);
+};
+
 export const controller = {
    addToPlaylist,
    authenticate,
@@ -553,6 +594,7 @@ export const controller = {
    getAlbumDetail,
    getAlbumList,
    getArtistList,
+    getDownloadUrl,
    getGenreList,
    getLyrics,
    getMusicFolderList,
@@ -566,7 +608,9 @@ export const controller = {
    getSongList,
    getStructuredLyrics,
    getTopSongList,
+    getTranscodingUrl,
    getUserList,
+    movePlaylistItem,
    removeFromPlaylist,
    scrobble,
    search,
@@ -4,6 +4,7 @@ export enum ServerFeature {
    LYRICS_MULTIPLE_STRUCTURED = 'lyricsMultipleStructured',
    LYRICS_SINGLE_STRUCTURED = 'lyricsSingleStructured',
    PLAYLISTS_SMART = 'playlistsSmart',
+    PUBLIC_PLAYLIST = 'publicPlaylist',
    SHARING_ALBUM_SONG = 'sharingAlbumSong',
 }

@@ -226,6 +226,15 @@ export const contract = c.router({
            400: jfType._response.error,
        },
    },
+    movePlaylistItem: {
+        body: null,
+        method: 'POST',
+        path: 'playlists/:playlistId/items/:itemId/move/:newIdx',
+        responses: {
+            200: jfType._response.moveItem,
+            400: jfType._response.error,
+        },
+    },
    removeFavorite: {
        body: jfType._parameters.favorite,
        method: 'DELETE',
@@ -283,8 +292,8 @@ export const contract = c.router({
    },
    updatePlaylist: {
        body: jfType._parameters.updatePlaylist,
-        method: 'PUT',
-        path: 'items/:id',
+        method: 'POST',
+        path: 'playlists/:id',
        responses: {
            200: jfType._response.updatePlaylist,
            400: jfType._response.error,
@@ -53,6 +53,10 @@ import {
    ServerInfoArgs,
    SimilarSongsArgs,
    Song,
+    MoveItemArgs,
+    DownloadArgs,
+    TranscodingArgs,
+    Played,
 } from '/@/renderer/api/types';
 import { jfApiClient } from '/@/renderer/api/jellyfin/jellyfin-api';
 import { jfNormalize } from './jellyfin-normalize';
@@ -604,9 +608,9 @@ const createPlaylist = async (args: CreatePlaylistArgs): Promise<CreatePlaylistR

    const res = await jfApiClient(apiClientProps).createPlaylist({
        body: {
+            IsPublic: body.public,
            MediaType: 'Audio',
            Name: body.name,
-            Overview: body.comment || '',
            UserId: apiClientProps.server.userId,
        },
    });
@@ -630,9 +634,9 @@ const updatePlaylist = async (args: UpdatePlaylistArgs): Promise<UpdatePlaylistR
    const res = await jfApiClient(apiClientProps).updatePlaylist({
        body: {
            Genres: body.genres?.map((item) => ({ Id: item.id, Name: item.name })) || [],
+            IsPublic: body.public,
            MediaType: 'Audio',
            Name: body.name,
-            Overview: body.comment || '',
            PremiereDate: null,
            ProviderIds: {},
            Tags: [],
@@ -643,7 +647,7 @@ const updatePlaylist = async (args: UpdatePlaylistArgs): Promise<UpdatePlaylistR
        },
    });

-    if (res.status !== 200) {
+    if (res.status !== 204) {
        throw new Error('Failed to update playlist');
    }

@@ -889,6 +893,12 @@ const getRandomSongList = async (args: RandomSongListArgs): Promise<RandomSongLi
            Fields: 'Genres, DateCreated, MediaSources, ParentId',
            GenreIds: query.genre ? query.genre : undefined,
            IncludeItemTypes: 'Audio',
+            IsPlayed:
+                query.played === Played.Never
+                    ? false
+                    : query.played === Played.Played
+                      ? true
+                      : undefined,
            Limit: query.limit,
            ParentId: query.musicFolderId,
            Recursive: true,
@@ -951,7 +961,12 @@ const getSongDetail = async (args: SongDetailArgs): Promise<SongDetailResponse>
    return jfNormalize.song(res.body, apiClientProps.server, '');
 };

-const VERSION_INFO: VersionInfo = [['10.9.0', { [ServerFeature.LYRICS_SINGLE_STRUCTURED]: [1] }]];
+const VERSION_INFO: VersionInfo = [
+    [
+        '10.9.0',
+        { [ServerFeature.LYRICS_SINGLE_STRUCTURED]: [1], [ServerFeature.PUBLIC_PLAYLIST]: [1] },
+    ],
+];

 const getServerInfo = async (args: ServerInfoArgs): Promise<ServerInfo> => {
    const { apiClientProps } = args;
@@ -1025,6 +1040,43 @@ const getSimilarSongs = async (args: SimilarSongsArgs): Promise<Song[]> => {
    }, []);
 };

+const movePlaylistItem = async (args: MoveItemArgs): Promise<void> => {
+    const { apiClientProps, query } = args;
+
+    const res = await jfApiClient(apiClientProps).movePlaylistItem({
+        body: null,
+        params: {
+            itemId: query.trackId,
+            newIdx: query.endingIndex.toString(),
+            playlistId: query.playlistId,
+        },
+    });
+
+    if (res.status !== 204) {
+        throw new Error('Failed to move item in playlist');
+    }
+};
+
+const getDownloadUrl = (args: DownloadArgs) => {
+    const { apiClientProps, query } = args;
+
+    return `${apiClientProps.server?.url}/items/${query.id}/download?api_key=${apiClientProps.server?.credential}`;
+};
+
+const getTranscodingUrl = (args: TranscodingArgs) => {
+    const { base, format, bitrate } = args.query;
+    let url = base.replace('transcodingProtocol=hls', 'transcodingProtocol=http');
+    if (format) {
+        url = url.replace('audioCodec=aac', `audioCodec=${format}`);
+        url = url.replace('transcodingContainer=ts', `transcodingContainer=${format}`);
+    }
+    if (bitrate !== undefined) {
+        url += `&maxStreamingBitrate=${bitrate * 1000}`;
+    }
+
+    return url;
+};
+
 export const jfController = {
    addToPlaylist,
    authenticate,
@@ -1037,6 +1089,7 @@ export const jfController = {
    getAlbumDetail,
    getAlbumList,
    getArtistList,
+    getDownloadUrl,
    getGenreList,
    getLyrics,
    getMusicFolderList,
@@ -1049,6 +1102,8 @@ export const jfController = {
    getSongDetail,
    getSongList,
    getTopSongList,
+    getTranscodingUrl,
+    movePlaylistItem,
    removeFromPlaylist,
    scrobble,
    search,
@@ -34,7 +34,7 @@ const getStreamUrl = (args: {
        `&playSessionId=${deviceId}` +
        '&container=opus,mp3,aac,m4a,m4b,flac,wav,ogg' +
        '&transcodingContainer=ts' +
-        '&transcodingProtocol=hls'
+        '&transcodingProtocol=http'
    );
 };

@@ -53,7 +53,7 @@ const getAlbumArtistCoverArtUrl = (args: {
        `${args.baseUrl}/Items` +
        `/${args.item.Id}` +
        '/Images/Primary' +
-        `?width=${size}&height=${size}` +
+        `?width=${size}&` +
        '&quality=96'
    );
 };
@@ -175,8 +175,11 @@ const normalizeSong = (
        peak: null,
        playCount: (item.UserData && item.UserData.PlayCount) || 0,
        playlistItemId: item.PlaylistItemId,
-        // releaseDate: (item.ProductionYear && new Date(item.ProductionYear, 0, 1).toISOString()) || null,
-        releaseDate: null,
+        releaseDate: item.PremiereDate
+            ? new Date(item.PremiereDate).toISOString()
+            : item.ProductionYear
+              ? new Date(item.ProductionYear, 0, 1).toISOString()
+              : null,
        releaseYear: item.ProductionYear ? String(item.ProductionYear) : null,
        serverId: server?.id || '',
        serverType: ServerType.JELLYFIN,
@@ -237,6 +240,7 @@ const normalizeAlbum = (
        lastPlayedAt: null,
        mbzId: item.ProviderIds?.MusicBrainzAlbum || null,
        name: item.Name,
+        originalDate: null,
        playCount: item.UserData?.PlayCount || 0,
        releaseDate: item.PremiereDate?.split('T')[0] || null,
        releaseYear: item.ProductionYear || null,
@@ -561,6 +561,7 @@ const songListParameters = paginationParameters.merge(
        GenreIds: z.string().optional(),
        Genres: z.string().optional(),
        IsFavorite: z.boolean().optional(),
+        IsPlayed: z.boolean().optional(),
        SearchTerm: z.string().optional(),
        SortBy: z.nativeEnum(songListSort).optional(),
        Tags: z.string().optional(),
@@ -581,9 +582,9 @@ const playlistDetailParameters = baseParameters.extend({
 });

 const createPlaylistParameters = z.object({
+    IsPublic: z.boolean().optional(),
    MediaType: z.literal('Audio'),
    Name: z.string(),
-    Overview: z.string(),
    UserId: z.string(),
 });

@@ -595,9 +596,9 @@ const updatePlaylist = z.null();

 const updatePlaylistParameters = z.object({
    Genres: z.array(genreItem),
+    IsPublic: z.boolean().optional(),
    MediaType: z.literal('Audio'),
    Name: z.string(),
-    Overview: z.string(),
    PremiereDate: z.null(),
    ProviderIds: z.object({}),
    Tags: z.array(genericItem),
@@ -681,6 +682,8 @@ export enum JellyfinExtensions {
    SONG_LYRICS = 'songLyrics',
 }

+const moveItem = z.null();
+
 export const jfType = {
    _enum: {
        albumArtistList: albumArtistListSort,
@@ -729,6 +732,7 @@ export const jfType = {
        genre,
        genreList,
        lyrics,
+        moveItem,
        musicFolderList,
        playlist,
        playlistList,
@@ -8,7 +8,7 @@ import { ndType } from './navidrome-types';
 import { authenticationFailure, resultWithHeaders } from '/@/renderer/api/utils';
 import { useAuthStore } from '/@/renderer/store';
 import { ServerListItem } from '/@/renderer/api/types';
-import { toast } from '/@/renderer/components';
+import { toast } from '/@/renderer/components/toast';
 import i18n from '/@/i18n/i18n';

 const localSettings = isElectron() ? window.electron.localSettings : null;
@@ -147,6 +147,15 @@ export const contract = c.router({
            500: resultWithHeaders(ndType._response.error),
        },
    },
+    movePlaylistItem: {
+        body: ndType._parameters.moveItem,
+        method: 'PUT',
+        path: 'playlist/:playlistId/tracks/:trackNumber',
+        responses: {
+            200: resultWithHeaders(ndType._response.moveItem),
+            400: resultWithHeaders(ndType._response.error),
+        },
+    },
    removeFromPlaylist: {
        body: null,
        method: 'DELETE',
@@ -49,6 +49,7 @@ import {
    ShareItemResponse,
    SimilarSongsArgs,
    Song,
+    MoveItemArgs,
 } from '../types';
 import { VersionInfo, getFeatures, hasFeature } from '/@/renderer/api/utils';
 import { ServerFeature, ServerFeatures } from '/@/renderer/api/features-types';
@@ -316,7 +317,7 @@ const createPlaylist = async (args: CreatePlaylistArgs): Promise<CreatePlaylistR
        body: {
            comment: body.comment,
            name: body.name,
-            public: body._custom?.navidrome?.public,
+            public: body.public,
            rules: body._custom?.navidrome?.rules,
            sync: body._custom?.navidrome?.sync,
        },
@@ -338,7 +339,7 @@ const updatePlaylist = async (args: UpdatePlaylistArgs): Promise<UpdatePlaylistR
        body: {
            comment: body.comment || '',
            name: body.name,
-            public: body._custom?.navidrome?.public || false,
+            public: body?.public || false,
            rules: body._custom?.navidrome?.rules ? body._custom.navidrome.rules : undefined,
            sync: body._custom?.navidrome?.sync || undefined,
        },
@@ -533,6 +534,7 @@ const getServerInfo = async (args: ServerInfoArgs): Promise<ServerInfo> => {
    const features: ServerFeatures = {
        lyricsMultipleStructured: !!navidromeFeatures[SubsonicExtensions.SONG_LYRICS],
        playlistsSmart: !!navidromeFeatures[ServerFeature.PLAYLISTS_SMART],
+        publicPlaylist: true,
        sharingAlbumSong: !!navidromeFeatures[ServerFeature.SHARING_ALBUM_SONG],
    };

@@ -613,6 +615,24 @@ const getSimilarSongs = async (args: SimilarSongsArgs): Promise<Song[]> => {
    }, []);
 };

+const movePlaylistItem = async (args: MoveItemArgs): Promise<void> => {
+    const { apiClientProps, query } = args;
+
+    const res = await ndApiClient(apiClientProps).movePlaylistItem({
+        body: {
+            insert_before: (query.endingIndex + 1).toString(),
+        },
+        params: {
+            playlistId: query.playlistId,
+            trackNumber: query.startingIndex.toString(),
+        },
+    });
+
+    if (res.status !== 200) {
+        throw new Error('Failed to move item in playlist');
+    }
+};
+
 export const ndController = {
    addToPlaylist,
    authenticate,
@@ -631,6 +651,7 @@ export const ndController = {
    getSongDetail,
    getSongList,
    getUserList,
+    movePlaylistItem,
    removeFromPlaylist,
    shareItem,
    updatePlaylist,
@@ -119,7 +119,10 @@ const normalizeSong = (
                : null,
        playCount: item.playCount,
        playlistItemId,
-        releaseDate: new Date(item.year, 0, 1).toISOString(),
+        releaseDate: (item.releaseDate
+            ? new Date(item.releaseDate)
+            : new Date(item.year, 0, 1)
+        ).toISOString(),
        releaseYear: String(item.year),
        serverId: server?.id || 'unknown',
        serverType: ServerType.NAVIDROME,
@@ -173,8 +176,16 @@ const normalizeAlbum = (
        lastPlayedAt: normalizePlayDate(item),
        mbzId: item.mbzAlbumId || null,
        name: item.name,
+        originalDate: item.originalDate
+            ? new Date(item.originalDate).toISOString()
+            : item.originalYear
+              ? new Date(item.originalYear, 0, 1).toISOString()
+              : null,
        playCount: item.playCount,
-        releaseDate: new Date(item.minYear, 0, 1).toISOString(),
+        releaseDate: (item.releaseDate
+            ? new Date(item.releaseDate)
+            : new Date(item.minYear, 0, 1)
+        ).toISOString(),
        releaseYear: item.minYear,
        serverId: server?.id || 'unknown',
        serverType: ServerType.NAVIDROME,
@@ -128,9 +128,12 @@ const album = z.object({
    name: z.string(),
    orderAlbumArtistName: z.string(),
    orderAlbumName: z.string(),
+    originalDate: z.string().optional(),
+    originalYear: z.number().optional(),
    playCount: z.number(),
    playDate: z.string().optional(),
    rating: z.number().optional(),
+    releaseDate: z.string().optional(),
    size: z.number(),
    songCount: z.number(),
    sortAlbumArtistName: z.string(),
@@ -214,6 +217,7 @@ const song = z.object({
    playCount: z.number(),
    playDate: z.string().optional(),
    rating: z.number().optional(),
+    releaseDate: z.string().optional(),
    rgAlbumGain: z.number().optional(),
    rgAlbumPeak: z.number().optional(),
    rgTrackGain: z.number().optional(),
@@ -355,6 +359,12 @@ const shareItemParameters = z.object({
    resourceType: z.string(),
 });

+const moveItemParameters = z.object({
+    insert_before: z.string(),
+});
+
+const moveItem = z.null();
+
 export const ndType = {
    _enum: {
        albumArtistList: ndAlbumArtistListSort,
@@ -371,6 +381,7 @@ export const ndType = {
        authenticate: authenticateParameters,
        createPlaylist: createPlaylistParameters,
        genreList: genreListParameters,
+        moveItem: moveItemParameters,
        playlistList: playlistListParameters,
        removeFromPlaylist: removeFromPlaylistParameters,
        shareItem: shareItemParameters,
@@ -390,6 +401,7 @@ export const ndType = {
        error,
        genre,
        genreList,
+        moveItem,
        playlist,
        playlistList,
        playlistSong,
@@ -27,6 +27,8 @@ import {
    StructuredLyric,
    SimilarSongsArgs,
    Song,
+    DownloadArgs,
+    TranscodingArgs,
 } from '/@/renderer/api/types';
 import { randomString } from '/@/renderer/utils';
 import { ServerFeatures } from '/@/renderer/api/features-types';
@@ -482,16 +484,43 @@ const getSimilarSongs = async (args: SimilarSongsArgs): Promise<Song[]> => {
    }, []);
 };

+const getDownloadUrl = (args: DownloadArgs) => {
+    const { apiClientProps, query } = args;
+
+    return (
+        `${apiClientProps.server?.url}/rest/download.view` +
+        `?id=${query.id}` +
+        `&${apiClientProps.server?.credential}` +
+        '&v=1.13.0' +
+        '&c=feishin'
+    );
+};
+
+const getTranscodingUrl = (args: TranscodingArgs) => {
+    const { base, format, bitrate } = args.query;
+    let url = base;
+    if (format) {
+        url += `&format=${format}`;
+    }
+    if (bitrate !== undefined) {
+        url += `&maxBitRate=${bitrate}`;
+    }
+
+    return url;
+};
+
 export const ssController = {
    authenticate,
    createFavorite,
    getArtistInfo,
+    getDownloadUrl,
    getMusicFolderList,
    getRandomSongList,
    getServerInfo,
    getSimilarSongs,
    getStructuredLyrics,
    getTopSongList,
+    getTranscodingUrl,
    removeFavorite,
    scrobble,
    search3,
@@ -196,6 +196,7 @@ const normalizeAlbum = (
        lastPlayedAt: null,
        mbzId: null,
        name: item.name,
+        originalDate: null,
        playCount: null,
        releaseDate: item.year ? new Date(item.year, 0, 1).toISOString() : null,
        releaseYear: item.year ? Number(item.year) : null,
@@ -164,6 +164,7 @@ export type Album = {
    lastPlayedAt: string | null;
    mbzId: string | null;
    name: string;
+    originalDate: string | null;
    playCount: number | null;
    releaseDate: string | null;
    releaseYear: number | null;
@@ -817,13 +818,13 @@ export type CreatePlaylistBody = {
        navidrome?: {
            owner?: string;
            ownerId?: string;
-            public?: boolean;
            rules?: Record<string, any>;
            sync?: boolean;
        };
    };
    comment?: string;
    name: string;
+    public?: boolean;
 };

 export type CreatePlaylistArgs = { body: CreatePlaylistBody; serverId?: string } & BaseEndpointArgs;
@@ -840,7 +841,6 @@ export type UpdatePlaylistBody = {
        navidrome?: {
            owner?: string;
            ownerId?: string;
-            public?: boolean;
            rules?: Record<string, any>;
            sync?: boolean;
        };
@@ -848,6 +848,7 @@ export type UpdatePlaylistBody = {
    comment?: string;
    genres?: Genre[];
    name: string;
+    public?: boolean;
 };

 export type UpdatePlaylistArgs = {
@@ -1072,12 +1073,19 @@ export type SearchResponse = {
    songs: Song[];
 };

+export enum Played {
+    All = 'all',
+    Never = 'never',
+    Played = 'played',
+}
+
 export type RandomSongListQuery = {
    genre?: string;
    limit?: number;
    maxYear?: number;
    minYear?: number;
    musicFolderId?: string;
+    played: Played;
 };

 export type RandomSongListArgs = {
@@ -1191,3 +1199,32 @@ export type SimilarSongsQuery = {
 export type SimilarSongsArgs = {
    query: SimilarSongsQuery;
 } & BaseEndpointArgs;
+
+export type MoveItemQuery = {
+    endingIndex: number;
+    playlistId: string;
+    startingIndex: number;
+    trackId: string;
+};
+
+export type MoveItemArgs = {
+    query: MoveItemQuery;
+} & BaseEndpointArgs;
+
+export type DownloadQuery = {
+    id: string;
+};
+
+export type DownloadArgs = {
+    query: DownloadQuery;
+} & BaseEndpointArgs;
+
+export type TranscodingQuery = {
+    base: string;
+    bitrate?: number;
+    format?: string;
+};
+
+export type TranscodingArgs = {
+    query: TranscodingQuery;
+} & BaseEndpointArgs;
@@ -3,7 +3,7 @@ import isElectron from 'is-electron';
 import semverCoerce from 'semver/functions/coerce';
 import semverGte from 'semver/functions/gte';
 import { z } from 'zod';
-import { toast } from '/@/renderer/components';
+import { toast } from '/@/renderer/components/toast';
 import { useAuthStore } from '/@/renderer/store';
 import { ServerListItem } from '/@/renderer/api/types';
 import { ServerFeature } from '/@/renderer/api/features-types';
@@ -20,12 +20,15 @@ import { ContextMenuProvider } from '/@/renderer/features/context-menu';
 import { useHandlePlayQueueAdd } from '/@/renderer/features/player/hooks/use-handle-playqueue-add';
 import { PlayQueueHandlerContext } from '/@/renderer/features/player';
 import { getMpvProperties } from '/@/renderer/features/settings/components/playback/mpv-settings';
-import { PlayerState, usePlayerStore, useQueueControls } from '/@/renderer/store';
+import { PlayerState, useCssSettings, usePlayerStore, useQueueControls } from '/@/renderer/store';
 import { FontType, PlaybackType, PlayerStatus } from '/@/renderer/types';
 import '@ag-grid-community/styles/ag-grid.css';
 import { useDiscordRpc } from '/@/renderer/features/discord-rpc/use-discord-rpc';
 import i18n from '/@/i18n/i18n';
 import { useServerVersion } from '/@/renderer/hooks/use-server-version';
+import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { sanitizeCss } from '/@/renderer/utils/sanitize';
+import { setQueue } from '/@/renderer/utils/set-transcoded-queue-data';

 ModuleRegistry.registerModules([ClientSideRowModelModule, InfiniteRowModelModule]);

@@ -42,12 +45,14 @@ export const App = () => {
    const language = useSettingsStore((store) => store.general.language);
    const nativeImageAspect = useSettingsStore((store) => store.general.nativeAspectRatio);
    const { builtIn, custom, system, type } = useSettingsStore((state) => state.font);
+    const { enabled, content } = useCssSettings();
    const { type: playbackType } = usePlaybackSettings();
    const { bindings } = useHotkeySettings();
    const handlePlayQueueAdd = useHandlePlayQueueAdd();
    const { clearQueue, restoreQueue } = useQueueControls();
    const remoteSettings = useRemoteSettings();
    const textStyleRef = useRef<HTMLStyleElement>();
+    const cssRef = useRef<HTMLStyleElement>();
    useDiscordRpc();
    useServerVersion();

@@ -86,6 +91,26 @@ export const App = () => {
        }
    }, [builtIn, custom, system, type]);

+    useEffect(() => {
+        if (enabled && content) {
+            // Yes, CSS is sanitized here as well. Prevent a suer from changing the
+            // localStorage to bypass sanitizing.
+            const sanitized = sanitizeCss(content);
+            if (!cssRef.current) {
+                cssRef.current = document.createElement('style');
+                document.body.appendChild(cssRef.current);
+            }
+
+            cssRef.current.textContent = sanitized;
+
+            return () => {
+                cssRef.current!.textContent = '';
+            };
+        }
+
+        return () => {};
+    }, [content, enabled]);
+
    useEffect(() => {
        const root = document.documentElement;
        root.style.setProperty('--primary-color', accent);
@@ -161,8 +186,9 @@ export const App = () => {
            utils.onRestoreQueue((_event: any, data) => {
                const playerData = restoreQueue(data);
                if (playbackType === PlaybackType.LOCAL) {
-                    mpvPlayer!.setQueue(playerData, true);
+                    setQueue(playerData, true);
                }
+                updateSong(playerData.current.song);
            });
        }

@@ -1,4 +1,12 @@
-import { useImperativeHandle, forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import {
+    useImperativeHandle,
+    forwardRef,
+    useRef,
+    useState,
+    useCallback,
+    useEffect,
+    useMemo,
+} from 'react';
 import isElectron from 'is-electron';
 import type { ReactPlayerProps } from 'react-player';
 import ReactPlayer from 'react-player/lazy';
@@ -10,16 +18,17 @@ import {
 import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import type { CrossfadeStyle } from '/@/renderer/types';
 import { PlaybackStyle, PlayerStatus } from '/@/renderer/types';
-import { useSpeed } from '/@/renderer/store';
+import { getServerById, TranscodingConfig, usePlaybackSettings, useSpeed } from '/@/renderer/store';
 import { toast } from '/@/renderer/components/toast';
+import { api } from '/@/renderer/api';

 interface AudioPlayerProps extends ReactPlayerProps {
    crossfadeDuration: number;
    crossfadeStyle: CrossfadeStyle;
    currentPlayer: 1 | 2;
    playbackStyle: PlaybackStyle;
-    player1: Song;
-    player2: Song;
+    player1?: Song;
+    player2?: Song;
    status: PlayerStatus;
    volume: number;
 }
@@ -48,6 +57,44 @@ type WebAudio = {
 const EMPTY_SOURCE =
    'data:audio/mp3;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU2LjM2LjEwMAAAAAAAAAAAAAAA//OEAAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAAEAAABIADAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV6urq6urq6urq6urq6urq6urq6urq6urq6v////////////////////////////////8AAAAATGF2YzU2LjQxAAAAAAAAAAAAAAAAJAAAAAAAAAAAASDs90hvAAAAAAAAAAAAAAAAAAAA//MUZAAAAAGkAAAAAAAAA0gAAAAATEFN//MUZAMAAAGkAAAAAAAAA0gAAAAARTMu//MUZAYAAAGkAAAAAAAAA0gAAAAAOTku//MUZAkAAAGkAAAAAAAAA0gAAAAANVVV';

+const useSongUrl = (transcode: TranscodingConfig, current: boolean, song?: Song): string | null => {
+    const prior = useRef(['', '']);
+
+    return useMemo(() => {
+        if (song?.serverId) {
+            // If we are the current track, we do not want a transcoding
+            // reconfiguration to force a restart.
+            if (current && prior.current[0] === song.uniqueId) {
+                return prior.current[1];
+            }
+
+            if (!transcode.enabled) {
+                // transcoding disabled; save the result
+                prior.current = [song.uniqueId, song.streamUrl];
+                return song.streamUrl;
+            }
+
+            const result = api.controller.getTranscodingUrl({
+                apiClientProps: {
+                    server: getServerById(song.serverId),
+                },
+                query: {
+                    base: song.streamUrl,
+                    ...transcode,
+                },
+            })!;
+
+            // transcoding enabled; save the updated result
+            prior.current = [song.uniqueId, result];
+            return result;
+        }
+
+        // no track; clear result
+        prior.current = ['', ''];
+        return null;
+    }, [current, song?.uniqueId, song?.serverId, song?.streamUrl, transcode]);
+};
+
 export const AudioPlayer = forwardRef(
    (
        {
@@ -69,8 +116,13 @@ export const AudioPlayer = forwardRef(
        const [isTransitioning, setIsTransitioning] = useState(false);
        const audioDeviceId = useSettingsStore((state) => state.playback.audioDeviceId);
        const playback = useSettingsStore((state) => state.playback.mpvProperties);
+        const useWebAudio = useSettingsStore((state) => state.playback.webAudio);
        const { resetSampleRate } = useSettingsStoreActions();
        const playbackSpeed = useSpeed();
+        const { transcode } = usePlaybackSettings();
+
+        const stream1 = useSongUrl(transcode, currentPlayer === 1, player1);
+        const stream2 = useSongUrl(transcode, currentPlayer === 2, player2);

        const [webAudio, setWebAudio] = useState<WebAudio | null>(null);
        const [player1Source, setPlayer1Source] = useState<MediaElementAudioSourceNode | null>(
@@ -129,7 +181,7 @@ export const AudioPlayer = forwardRef(
        );

        useEffect(() => {
-            if ('AudioContext' in window) {
+            if (useWebAudio && 'AudioContext' in window) {
                let context: AudioContext;

                try {
@@ -262,30 +314,57 @@ export const AudioPlayer = forwardRef(
        );

        useEffect(() => {
-            if (isElectron()) {
-                if (audioDeviceId) {
-                    player1Ref.current?.getInternalPlayer()?.setSinkId(audioDeviceId);
-                    player2Ref.current?.getInternalPlayer()?.setSinkId(audioDeviceId);
-                } else {
-                    player1Ref.current?.getInternalPlayer()?.setSinkId('');
-                    player2Ref.current?.getInternalPlayer()?.setSinkId('');
-                }
+            // Not standard, just used in chromium-based browsers. See
+            // https://developer.chrome.com/blog/audiocontext-setsinkid/.
+            // If the isElectron() check is every removed, fix this.
+            if (isElectron() && webAudio && 'setSinkId' in webAudio.context && audioDeviceId) {
+                const setSink = async () => {
+                    try {
+                        if (audioDeviceId !== 'default') {
+                            // @ts-ignore
+                            await webAudio.context.setSinkId(audioDeviceId);
+                        } else {
+                            // @ts-ignore
+                            await webAudio.context.setSinkId('');
+                        }
+                    } catch (error) {
+                        toast.error({ message: `Error setting sink: ${(error as Error).message}` });
+                    }
+                };
+
+                setSink();
            }
-        }, [audioDeviceId]);
+        }, [audioDeviceId, webAudio]);

        useEffect(() => {
-            if (webAudio && player1Source && player1 && currentPlayer === 1) {
-                const newVolume = calculateReplayGain(player1) * volume;
-                webAudio.gain.gain.setValueAtTime(newVolume, 0);
-            }
-        }, [calculateReplayGain, currentPlayer, player1, player1Source, volume, webAudio]);
+            if (!webAudio) return;

-        useEffect(() => {
-            if (webAudio && player2Source && player2 && currentPlayer === 2) {
-                const newVolume = calculateReplayGain(player2) * volume;
+            const sources = [player1Source ? player1 : null, player2Source ? player2 : null];
+            const current = sources[currentPlayer - 1];
+
+            // Set the current replaygain
+            if (current) {
+                const newVolume = calculateReplayGain(current) * volume;
                webAudio.gain.gain.setValueAtTime(newVolume, 0);
            }
-        }, [calculateReplayGain, currentPlayer, player2, player2Source, volume, webAudio]);
+
+            // Set the next track replaygain right before the end of this track
+            // Attempt to prevent pop-in for web audio.
+            const next = sources[3 - currentPlayer];
+            if (next && current) {
+                const newVolume = calculateReplayGain(next) * volume;
+                webAudio.gain.gain.setValueAtTime(newVolume, (current.duration - 1) / 1000);
+            }
+        }, [
+            calculateReplayGain,
+            currentPlayer,
+            player1,
+            player1Source,
+            player2,
+            player2Source,
+            volume,
+            webAudio,
+        ]);

        const handlePlayer1Start = useCallback(
            async (player: ReactPlayer) => {
@@ -346,11 +425,11 @@ export const AudioPlayer = forwardRef(
                    playbackRate={playbackSpeed}
                    playing={currentPlayer === 1 && status === PlayerStatus.PLAYING}
                    progressInterval={isTransitioning ? 10 : 250}
-                    url={player1?.streamUrl || EMPTY_SOURCE}
+                    url={stream1 || EMPTY_SOURCE}
                    volume={webAudio ? 1 : volume}
                    width={0}
                    // If there is no stream url, we do not need to handle when the audio finishes
-                    onEnded={player1?.streamUrl ? handleOnEnded : undefined}
+                    onEnded={stream1 ? handleOnEnded : undefined}
                    onProgress={
                        playbackStyle === PlaybackStyle.GAPLESS ? handleGapless1 : handleCrossfade1
                    }
@@ -366,10 +445,10 @@ export const AudioPlayer = forwardRef(
                    playbackRate={playbackSpeed}
                    playing={currentPlayer === 2 && status === PlayerStatus.PLAYING}
                    progressInterval={isTransitioning ? 10 : 250}
-                    url={player2?.streamUrl || EMPTY_SOURCE}
+                    url={stream2 || EMPTY_SOURCE}
                    volume={webAudio ? 1 : volume}
                    width={0}
-                    onEnded={player2?.streamUrl ? handleOnEnded : undefined}
+                    onEnded={stream2 ? handleOnEnded : undefined}
                    onProgress={
                        playbackStyle === PlaybackStyle.GAPLESS ? handleGapless2 : handleCrossfade2
                    }
@@ -60,7 +60,8 @@ export const crossfadeHandler = (args: {
    } = args;

    if (!isTransitioning || currentPlayer !== player) {
-        const shouldBeginTransition = currentTime >= duration - fadeDuration;
+        // check for a large-enough duration, as the default audio element has some dummy audio
+        const shouldBeginTransition = duration > 0.5 && currentTime >= duration - fadeDuration;

        if (shouldBeginTransition) {
            setIsTransitioning(true);
@@ -100,10 +101,10 @@ export const crossfadeHandler = (args: {
                fadeType === 'constantPower'
                    ? 0
                    : fadeType === 'constantPowerSlowFade'
-                    ? 1
-                    : fadeType === 'constantPowerSlowCut'
-                    ? 3
-                    : 10;
+                      ? 1
+                      : fadeType === 'constantPowerSlowCut'
+                        ? 3
+                        : 10;

            percentageOfFadeLeft = timeLeft / fadeDuration;
            currentPlayerVolumeCalculation =
@@ -24,7 +24,10 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
    background: ${(props) => `var(--btn-${props.variant}-bg)`};
    border: ${(props) => `var(--btn-${props.variant}-border)`};
    border-radius: ${(props) => `var(--btn-${props.variant}-radius)`};
-    transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
+    transition:
+        background 0.2s ease-in-out,
+        color 0.2s ease-in-out,
+        border 0.2s ease-in-out;

    svg {
        fill: ${(props) => `var(--btn-${props.variant}-fg)`};
@@ -17,7 +17,9 @@ const CardWrapper = styled.div<{
    cursor: ${({ link }) => link && 'pointer'};
    background: var(--card-default-bg);
    border-radius: var(--card-default-radius);
-    transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
+    transition:
+        border 0.2s ease-in-out,
+        background 0.2s ease-in-out;

    &:hover {
        background: var(--card-default-bg-hover);
@@ -232,8 +232,8 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                                playType === Play.NOW
                                                    ? 'player.play'
                                                    : playType === Play.NEXT
-                                                    ? 'player.addNext'
-                                                    : 'player.addLast',
+                                                      ? 'player.addNext'
+                                                      : 'player.addLast',
                                                { postProcess: 'titleCase' },
                                            )}
                                        </Button>
@@ -9,7 +9,9 @@ const StyledPagination = styled(MantinePagination)<PaginationProps>`
        color: var(--btn-default-fg);
        background-color: var(--btn-default-bg);
        border: none;
-        transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+        transition:
+            background 0.2s ease-in-out,
+            color 0.2s ease-in-out;

        &[data-active] {
            color: var(--btn-primary-fg);
@@ -32,7 +32,9 @@ const StyledTabs = styled(MantineTabs)`
            background: var(--btn-subtle-bg-hover);
        }

-        transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+        transition:
+            background 0.2s ease-in-out,
+            color 0.2s ease-in-out;
    }

    button[data-active] {
@@ -16,19 +16,19 @@ const showToast = ({ type, ...props }: NotificationProps) => {
        type === 'success'
            ? 'var(--success-color)'
            : type === 'warning'
-            ? 'var(--warning-color)'
-            : type === 'error'
-            ? 'var(--danger-color)'
-            : 'var(--primary-color)';
+              ? 'var(--warning-color)'
+              : type === 'error'
+                ? 'var(--danger-color)'
+                : 'var(--primary-color)';

    const defaultTitle =
        type === 'success'
            ? 'Success'
            : type === 'warning'
-            ? 'Warning'
-            : type === 'error'
-            ? 'Error'
-            : 'Info';
+              ? 'Warning'
+              : type === 'error'
+                ? 'Error'
+                : 'Info';

    const defaultDuration = type === 'error' ? 5000 : 2000;

@@ -160,8 +160,8 @@ export const GridCardControls = ({
        itemType === LibraryItem.ALBUM
            ? ALBUM_CONTEXT_MENU_ITEMS
            : itemType === LibraryItem.PLAYLIST
-            ? PLAYLIST_CONTEXT_MENU_ITEMS
-            : ARTIST_CONTEXT_MENU_ITEMS,
+              ? PLAYLIST_CONTEXT_MENU_ITEMS
+              : ARTIST_CONTEXT_MENU_ITEMS,
        resetInfiniteLoaderCache,
    );

@@ -71,6 +71,7 @@ export const VirtualInfiniteGrid = forwardRef(
    ) => {
        const listRef = useRef<any>(null);
        const loader = useRef<InfiniteLoader>(null);
+        const minItemCount = useRef(0);

        // itemData can be a sparse array. Treat the intermediate elements as being undefined
        const [itemData, setItemData] = useState<Array<LibraryItemOrGenre | undefined>>(
@@ -100,8 +101,17 @@ export const VirtualInfiniteGrid = forwardRef(

        const loadMoreItems = useCallback(
            async (startIndex: number, stopIndex: number) => {
-                // Fixes a caching bug(?) when switching between filters and the itemCount increases
-                if (startIndex === 1) return;
+                if (
+                    // Fixes a caching bug(?) when switching between filters and the itemCount increases
+                    startIndex === 1 ||
+                    // Fixes a caching bug when refreshing items. Prevents a second
+                    // refetch from happening if:
+                    // 1: we are already in a refresh (-1)
+                    // 2: we just had a refresh, and we are index 0
+                    minItemCount.current === -1 ||
+                    (minItemCount.current > 0 && startIndex === 0)
+                )
+                    return;

                // Need to multiply by columnCount due to the grid layout
                const start = startIndex * columnCount;
@@ -134,6 +144,7 @@ export const VirtualInfiniteGrid = forwardRef(
            resetLoadMoreItemsCache: () => {
                if (loader.current) {
                    loader.current.resetloadMoreItemsCache(false);
+                    minItemCount.current = -1;
                    setItemData([]);
                }
            },
@@ -142,6 +153,7 @@ export const VirtualInfiniteGrid = forwardRef(
            },
            setItemData: (data: LibraryItemOrGenre[]) => {
                setItemData(data);
+                minItemCount.current = data.length;
            },
            updateItemData: (rule) => {
                setItemData((data) => data.map((item) => item && rule(item)));
@@ -19,8 +19,11 @@ export const FullWidthDiscCell = ({ node, data, api }: ICellRendererParams) => {

    const handleToggleDiscNodes = () => {
        if (!data) return;
-        const discNumber = Number(node.data.id.split('-')[1]);
-        const nodes = getNodesByDiscNumber({ api, discNumber });
+        const split: string[] = node.data.id.split('-');
+        const discNumber = Number(split[1]);
+        // the subtitle could have '-' in it; make sure to have all remaining items
+        const subtitle = split.length === 3 ? split.slice(2).join('-') : null;
+        const nodes = getNodesByDiscNumber({ api, discNumber, subtitle });

        setNodeSelection({ isSelected: !isSelected, nodes });
        setIsSelected((prev) => !prev);
@@ -11,8 +11,8 @@ export const CellContainer = styled.div<{ $position?: 'left' | 'center' | 'right
        props.$position === 'right'
            ? 'flex-end'
            : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
    width: 100%;
    height: 100%;
    letter-spacing: 0.5px;
@@ -20,8 +20,8 @@ export const HeaderWrapper = styled.div<{ $position: Options['position'] }>`
        props.$position === 'right'
            ? 'flex-end'
            : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
    width: 100%;
    font-family: var(--content-font-family);
    text-transform: uppercase;
@@ -37,8 +37,8 @@ const HeaderText = styled(_Text)<{ $position: Options['position'] }>`
        props.$position === 'right'
            ? 'flex-end'
            : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
    text-transform: uppercase;
 `;

@@ -1,130 +0,0 @@
-import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
-import { api } from '/@/renderer/api';
-import { NDAlbumDetail, NDAlbumArtistDetail } from '/@/renderer/api/navidrome.types';
-import { queryKeys } from '/@/renderer/api/query-keys';
-import { SSAlbumDetail, SSAlbumArtistDetail } from '/@/renderer/api/subsonic.types';
-import {
-    SetRatingArgs,
-    Album,
-    AlbumArtist,
-    LibraryItem,
-    AnyLibraryItems,
-    RatingResponse,
-    ServerType,
-} from '/@/renderer/api/types';
-import { useSetAlbumListItemDataById, useSetQueueRating, getServerById } from '/@/renderer/store';
-
-export const useUpdateRating = () => {
-    const queryClient = useQueryClient();
-    const setAlbumListData = useSetAlbumListItemDataById();
-    const setQueueRating = useSetQueueRating();
-
-    return useMutation<
-        RatingResponse,
-        AxiosError,
-        Omit<SetRatingArgs, 'server' | 'apiClientProps'>,
-        { previous: { items: AnyLibraryItems } | undefined }
-    >({
-        mutationFn: (args) => {
-            const server = getServerById(args.serverId);
-            if (!server) throw new Error('Server not found');
-            return api.controller.updateRating({ ...args, apiClientProps: { server } });
-        },
-        onError: (_error, _variables, context) => {
-            for (const item of context?.previous?.items || []) {
-                switch (item.itemType) {
-                    case LibraryItem.ALBUM:
-                        setAlbumListData(item.id, { userRating: item.userRating });
-                        break;
-                    case LibraryItem.SONG:
-                        setQueueRating([item.id], item.userRating);
-                        break;
-                }
-            }
-        },
-        onMutate: (variables) => {
-            for (const item of variables.query.item) {
-                switch (item.itemType) {
-                    case LibraryItem.ALBUM:
-                        setAlbumListData(item.id, { userRating: variables.query.rating });
-                        break;
-                    case LibraryItem.SONG:
-                        setQueueRating([item.id], variables.query.rating);
-                        break;
-                }
-            }
-
-            return { previous: { items: variables.query.item } };
-        },
-        onSuccess: (_data, variables) => {
-            // We only need to set if we're already on the album detail page
-            const isAlbumDetailPage =
-                variables.query.item.length === 1 &&
-                variables.query.item[0].itemType === LibraryItem.ALBUM;
-
-            if (isAlbumDetailPage) {
-                const { serverType, id: albumId, serverId } = variables.query.item[0] as Album;
-
-                const queryKey = queryKeys.albums.detail(serverId || '', { id: albumId });
-                const previous = queryClient.getQueryData<any>(queryKey);
-                if (previous) {
-                    switch (serverType) {
-                        case ServerType.NAVIDROME:
-                            queryClient.setQueryData<NDAlbumDetail>(queryKey, {
-                                ...previous,
-                                userRating: variables.query.rating,
-                            });
-                            break;
-                        case ServerType.SUBSONIC:
-                            queryClient.setQueryData<SSAlbumDetail>(queryKey, {
-                                ...previous,
-                                userRating: variables.query.rating,
-                            });
-                            break;
-                        case ServerType.JELLYFIN:
-                            // Jellyfin does not support ratings
-                            break;
-                    }
-                }
-            }
-
-            // We only need to set if we're already on the album detail page
-            const isAlbumArtistDetailPage =
-                variables.query.item.length === 1 &&
-                variables.query.item[0].itemType === LibraryItem.ALBUM_ARTIST;
-
-            if (isAlbumArtistDetailPage) {
-                const {
-                    serverType,
-                    id: albumArtistId,
-                    serverId,
-                } = variables.query.item[0] as AlbumArtist;
-
-                const queryKey = queryKeys.albumArtists.detail(serverId || '', {
-                    id: albumArtistId,
-                });
-                const previous = queryClient.getQueryData<any>(queryKey);
-                if (previous) {
-                    switch (serverType) {
-                        case ServerType.NAVIDROME:
-                            queryClient.setQueryData<NDAlbumArtistDetail>(queryKey, {
-                                ...previous,
-                                userRating: variables.query.rating,
-                            });
-                            break;
-                        case ServerType.SUBSONIC:
-                            queryClient.setQueryData<SSAlbumArtistDetail>(queryKey, {
-                                ...previous,
-                                userRating: variables.query.rating,
-                            });
-                            break;
-                        case ServerType.JELLYFIN:
-                            // Jellyfin does not support ratings
-                            break;
-                    }
-                }
-            }
-        },
-    });
-};
@@ -42,6 +42,7 @@ import { NoteCell } from '/@/renderer/components/virtual-table/cells/note-cell';
 import { RowIndexCell } from '/@/renderer/components/virtual-table/cells/row-index-cell';
 import i18n from '/@/i18n/i18n';
 import { formatDateAbsolute, formatDateRelative, formatSizeString } from '/@/renderer/utils/format';
+import { useTableChange } from '/@/renderer/hooks/use-song-change';

 export * from './table-config-dropdown';
 export * from './table-pagination';
@@ -475,6 +476,7 @@ export interface VirtualTableProps extends AgGridReactProps {
        pagination: TablePaginationType;
        setPagination: any;
    };
+    shouldUpdateSong?: boolean;
    stickyHeader?: boolean;
    transparentHeader?: boolean;
 }
@@ -492,6 +494,7 @@ export const VirtualTable = forwardRef(
            onGridReady,
            onGridSizeChanged,
            paginationProps,
+            shouldUpdateSong,
            ...rest
        }: VirtualTableProps,
        ref: Ref<AgGridReactType | null>,
@@ -506,6 +509,8 @@ export const VirtualTable = forwardRef(
            }
        });

+        useTableChange(tableRef, shouldUpdateSong === true);
+
        const defaultColumnDefs: ColDef = useMemo(() => {
            return {
                lockPinned: true,
@@ -1,11 +1,16 @@
 import { GridApi, RowNode } from '@ag-grid-community/core';

-export const getNodesByDiscNumber = (args: { api: GridApi; discNumber: number }) => {
-    const { api, discNumber } = args;
+export const getNodesByDiscNumber = (args: {
+    api: GridApi;
+    discNumber: number;
+    subtitle: string | null;
+}) => {
+    const { api, discNumber, subtitle } = args;

    const nodes: RowNode<any>[] = [];
    api.forEachNode((node) => {
-        if (node.data.discNumber === discNumber) nodes.push(node);
+        if (node.data.discNumber === discNumber && node.data.discSubtitle === subtitle)
+            nodes.push(node);
    });

    return nodes;
@@ -105,28 +105,32 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
            return [];
        }

-        const uniqueDiscNumbers = new Set(detailQuery.data?.songs.map((s) => s.discNumber));
+        let discNumber = -1;
+        let discSubtitle: string | null = null;
+
        const rowData: (QueueSong | { id: string; name: string })[] = [];
+        const discTranslated = t('common.disc', { postProcess: 'upperCase' });

-        for (const discNumber of uniqueDiscNumbers.values()) {
-            const songsByDiscNumber = detailQuery.data?.songs.filter(
-                (s) => s.discNumber === discNumber,
-            );
+        for (const song of detailQuery.data.songs) {
+            if (song.discNumber !== discNumber || song.discSubtitle !== discSubtitle) {
+                discNumber = song.discNumber;
+                discSubtitle = song.discSubtitle;

-            const discSubtitle = songsByDiscNumber?.[0]?.discSubtitle;
-            const discName = [`Disc ${discNumber}`.toLocaleUpperCase(), discSubtitle]
-                .filter(Boolean)
-                .join(': ');
+                let id = `disc-${discNumber}`;
+                let name = `${discTranslated} ${discNumber}`;

-            rowData.push({
-                id: `disc-${discNumber}`,
-                name: discName,
-            });
-            rowData.push(...songsByDiscNumber);
+                if (discSubtitle) {
+                    id += `-${discSubtitle}`;
+                    name += `: ${discSubtitle}`;
+                }
+
+                rowData.push({ id, name });
+            }
+            rowData.push(song);
        }

        return rowData;
-    }, [detailQuery.data?.songs]);
+    }, [detailQuery.data?.songs, t]);

    const [pagination, setPagination] = useSetState({
        artist: 0,
@@ -452,6 +456,7 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                        key={`table-${tableConfig.rowHeight}`}
                        ref={tableRef}
                        autoHeight
+                        shouldUpdateSong
                        stickyHeader
                        suppressCellFocus
                        suppressLoadingOverlay
@@ -1,5 +1,6 @@
-import { Group, Stack } from '@mantine/core';
 import { forwardRef, Fragment, Ref } from 'react';
+import { Group, Stack } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import { generatePath, useParams } from 'react-router';
 import { Link } from 'react-router-dom';
 import { LibraryItem, ServerType } from '/@/renderer/api/types';
@@ -9,10 +10,13 @@ import { LibraryHeader, useSetRating } from '/@/renderer/features/shared';
 import { useContainerQuery } from '/@/renderer/hooks';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useCurrentServer } from '/@/renderer/store';
-import { formatDurationString } from '/@/renderer/utils';
+import { formatDateAbsolute, formatDurationString } from '/@/renderer/utils';

 interface AlbumDetailHeaderProps {
-    background: string;
+    background: {
+        background: string;
+        blur: number;
+    };
 }

 export const AlbumDetailHeader = forwardRef(
@@ -21,26 +25,50 @@ export const AlbumDetailHeader = forwardRef(
        const server = useCurrentServer();
        const detailQuery = useAlbumDetail({ query: { id: albumId }, serverId: server?.id });
        const cq = useContainerQuery();
+        const { t } = useTranslation();
+
+        const showRating = detailQuery?.data?.serverType === ServerType.NAVIDROME;
+
+        const originalDifferentFromRelease =
+            detailQuery.data?.originalDate &&
+            detailQuery.data.originalDate !== detailQuery.data.releaseDate;
+
+        const releasePrefix = originalDifferentFromRelease
+            ? t('page.albumDetail.released', { postProcess: 'sentenceCase' })
+            : '♫';

        const metadataItems = [
            {
-                id: 'releaseYear',
-                secondary: false,
-                value: detailQuery?.data?.releaseYear,
+                id: 'releaseDate',
+                value:
+                    detailQuery?.data?.releaseDate &&
+                    `${releasePrefix} ${formatDateAbsolute(detailQuery?.data?.releaseDate)}`,
            },
            {
                id: 'songCount',
-                secondary: false,
                value: `${detailQuery?.data?.songCount} songs`,
            },
            {
                id: 'duration',
-                secondary: false,
                value:
                    detailQuery?.data?.duration && formatDurationString(detailQuery.data.duration),
            },
+            {
+                id: 'playCount',
+                value: t('entity.play', {
+                    count: detailQuery?.data?.playCount as number,
+                }),
+            },
        ];

+        if (originalDifferentFromRelease) {
+            const formatted = `♫ ${formatDateAbsolute(detailQuery!.data!.originalDate)}`;
+            metadataItems.splice(0, 0, {
+                id: 'originalDate',
+                value: formatted,
+            });
+        }
+
        const updateRatingMutation = useSetRating({});

        const handleUpdateRating = (rating: number) => {
@@ -55,23 +83,21 @@ export const AlbumDetailHeader = forwardRef(
            });
        };

-        const showRating = detailQuery?.data?.serverType === ServerType.NAVIDROME;
-
        return (
            <Stack ref={cq.ref}>
                <LibraryHeader
                    ref={ref}
-                    background={background}
                    imageUrl={detailQuery?.data?.imageUrl}
                    item={{ route: AppRoute.LIBRARY_ALBUMS, type: LibraryItem.ALBUM }}
                    title={detailQuery?.data?.name || ''}
+                    {...background}
                >
                    <Stack spacing="sm">
                        <Group spacing="sm">
                            {metadataItems.map((item, index) => (
                                <Fragment key={`item-${item.id}-${index}`}>
                                    {index > 0 && <Text $noSelect>•</Text>}
-                                    <Text $secondary={item.secondary}>{item.value}</Text>
+                                    <Text>{item.value}</Text>
                                </Fragment>
                            ))}
                            {showRating && (
@@ -103,7 +129,6 @@ export const AlbumDetailHeader = forwardRef(
                                    $link
                                    component={Link}
                                    fw={600}
-                                    size="md"
                                    to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
                                        albumArtistId: artist.id,
                                    })}
@@ -176,12 +176,18 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
    const onFilterChange = useCallback(
        (filter: AlbumListFilter) => {
            if (isGrid) {
-                handleRefreshGrid(gridRef, filter);
+                handleRefreshGrid(gridRef, {
+                    ...filter,
+                    ...customFilters,
+                });
+            } else {
+                handleRefreshTable(tableRef, {
+                    ...filter,
+                    ...customFilters,
+                });
            }
-
-            handleRefreshTable(tableRef, filter);
        },
-        [gridRef, handleRefreshGrid, handleRefreshTable, isGrid, tableRef],
+        [customFilters, gridRef, handleRefreshGrid, handleRefreshTable, isGrid, tableRef],
    );

    const handleOpenFiltersModal = () => {
@@ -10,17 +10,18 @@ import { AlbumDetailHeader } from '/@/renderer/features/albums/components/album-
 import { usePlayQueueAdd } from '/@/renderer/features/player';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { LibraryItem } from '/@/renderer/api/types';
-import { useCurrentServer } from '/@/renderer/store';
+import { useCurrentServer, useGeneralSettings } from '/@/renderer/store';

 const AlbumDetailRoute = () => {
    const tableRef = useRef<AgGridReactType | null>(null);
    const scrollAreaRef = useRef<HTMLDivElement>(null);
    const headerRef = useRef<HTMLDivElement>(null);
+    const { albumBackground, albumBackgroundBlur } = useGeneralSettings();

    const { albumId } = useParams() as { albumId: string };
    const server = useCurrentServer();
    const detailQuery = useAlbumDetail({ query: { id: albumId }, serverId: server?.id });
-    const { color: background, colorId } = useFastAverageColor({
+    const { color: backgroundColor, colorId } = useFastAverageColor({
        id: albumId,
        src: detailQuery.data?.imageUrl,
        srcLoaded: !detailQuery.isLoading,
@@ -38,16 +39,19 @@ const AlbumDetailRoute = () => {
        });
    };

-    if (!background || colorId !== albumId) {
+    if (!backgroundColor || colorId !== albumId) {
        return <Spinner container />;
    }

+    const backgroundUrl = detailQuery.data?.imageUrl || '';
+    const background = (albumBackground && `url(${backgroundUrl})`) || backgroundColor;
+
    return (
        <AnimatedPage key={`album-detail-${albumId}`}>
            <NativeScrollArea
                ref={scrollAreaRef}
                pageHeaderProps={{
-                    backgroundColor: background,
+                    backgroundColor: backgroundColor || undefined,
                    children: (
                        <LibraryHeaderBar>
                            <LibraryHeaderBar.PlayButton onClick={handlePlay} />
@@ -62,7 +66,10 @@ const AlbumDetailRoute = () => {
            >
                <AlbumDetailHeader
                    ref={headerRef}
-                    background={background}
+                    background={{
+                        background,
+                        blur: (albumBackground && albumBackgroundBlur) || 0,
+                    }}
                />
                <AlbumDetailContent
                    background={background}
@@ -143,8 +143,8 @@ const AlbumListRoute = () => {
    const title = artist
        ? t('page.albumList.artistAlbums', { artist })
        : genreId
-        ? t('page.albumList.genreAlbums', { genre: titleCase(genreTitle) })
-        : undefined;
+          ? t('page.albumList.genreAlbums', { genre: titleCase(genreTitle) })
+          : undefined;

    return (
        <AnimatedPage>
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { ColDef, RowDoubleClickedEvent } from '@ag-grid-community/core';
-import { Box, Group, Stack } from '@mantine/core';
+import { Box, Grid, Group, Stack } from '@mantine/core';
 import { useTranslation } from 'react-i18next';
 import { FaLastfmSquare } from 'react-icons/fa';
 import { RiHeartFill, RiHeartLine, RiMoreFill } from 'react-icons/ri';
@@ -36,7 +36,7 @@ import { PlayButton, useCreateFavorite, useDeleteFavorite } from '/@/renderer/fe
 import { LibraryBackgroundOverlay } from '/@/renderer/features/shared/components/library-background-overlay';
 import { useContainerQuery } from '/@/renderer/hooks';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer } from '/@/renderer/store';
+import { ArtistItem, useCurrentServer } from '/@/renderer/store';
 import { useGeneralSettings, usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { CardRow, Play, TableColumn } from '/@/renderer/types';
 import { sanitize } from '/@/renderer/utils/sanitize';
@@ -65,13 +65,25 @@ interface AlbumArtistDetailContentProps {

 export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailContentProps) => {
    const { t } = useTranslation();
-    const { externalLinks } = useGeneralSettings();
+    const { artistItems, externalLinks } = useGeneralSettings();
    const { albumArtistId } = useParams() as { albumArtistId: string };
    const cq = useContainerQuery();
    const handlePlayQueueAdd = usePlayQueueAdd();
    const server = useCurrentServer();
    const genrePath = useGenreRoute();

+    const [enabledItem, itemOrder] = useMemo(() => {
+        const enabled: { [key in ArtistItem]?: boolean } = {};
+        const order: { [key in ArtistItem]?: number } = {};
+
+        for (const [idx, item] of artistItems.entries()) {
+            enabled[item.id] = !item.disabled;
+            order[item.id] = idx + 1;
+        }
+
+        return [enabled, order];
+    }, [artistItems]);
+
    const detailQuery = useAlbumArtistDetail({
        query: { id: albumArtistId },
        serverId: server?.id,
@@ -95,6 +107,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
    })}`;

    const recentAlbumsQuery = useAlbumList({
+        options: {
+            enabled: enabledItem.recentAlbums,
+        },
        query: {
            _custom: {
                jellyfin: {
@@ -117,6 +132,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
    });

    const compilationAlbumsQuery = useAlbumList({
+        options: {
+            enabled: enabledItem.compilations,
+        },
        query: {
            _custom: {
                jellyfin: {
@@ -140,7 +158,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten

    const topSongsQuery = useTopSongsList({
        options: {
-            enabled: !!detailQuery?.data?.name,
+            enabled: !!detailQuery?.data?.name && enabledItem.topSongs,
        },
        query: {
            artist: detailQuery?.data?.name || '',
@@ -207,9 +225,10 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
        return [
            {
                data: recentAlbumsQuery?.data?.items,
-                isHidden: !recentAlbumsQuery?.data?.items?.length,
+                isHidden: !recentAlbumsQuery?.data?.items?.length || !enabledItem.recentAlbums,
                itemType: LibraryItem.ALBUM,
                loading: recentAlbumsQuery?.isLoading || recentAlbumsQuery.isFetching,
+                order: itemOrder.recentAlbums,
                title: (
                    <Group align="flex-end">
                        <TextTitle
@@ -235,9 +254,10 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
            },
            {
                data: compilationAlbumsQuery?.data?.items,
-                isHidden: !compilationAlbumsQuery?.data?.items?.length,
+                isHidden: !compilationAlbumsQuery?.data?.items?.length || !enabledItem.compilations,
                itemType: LibraryItem.ALBUM,
                loading: compilationAlbumsQuery?.isLoading || compilationAlbumsQuery.isFetching,
+                order: itemOrder.compilations,
                title: (
                    <TextTitle
                        order={2}
@@ -250,8 +270,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
            },
            {
                data: detailQuery?.data?.similarArtists || [],
-                isHidden: !detailQuery?.data?.similarArtists,
+                isHidden: !detailQuery?.data?.similarArtists || !enabledItem.similarArtists,
                itemType: LibraryItem.ALBUM_ARTIST,
+                order: itemOrder.similarArtists,
                title: (
                    <TextTitle
                        order={2}
@@ -271,6 +292,12 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
        compilationAlbumsQuery.isFetching,
        compilationAlbumsQuery?.isLoading,
        detailQuery?.data?.similarArtists,
+        enabledItem.compilations,
+        enabledItem.recentAlbums,
+        enabledItem.similarArtists,
+        itemOrder.compilations,
+        itemOrder.recentAlbums,
+        itemOrder.similarArtists,
        recentAlbumsQuery?.data?.items,
        recentAlbumsQuery.isFetching,
        recentAlbumsQuery?.isLoading,
@@ -336,17 +363,17 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
    const biography = useMemo(() => {
        const bio = detailQuery?.data?.biography;

-        if (!bio) return null;
+        if (!bio || !enabledItem.biography) return null;
        return sanitize(bio);
-    }, [detailQuery?.data?.biography]);
+    }, [detailQuery?.data?.biography, enabledItem.biography]);

-    const showTopSongs = topSongsQuery?.data?.items?.length;
+    const showTopSongs = topSongsQuery?.data?.items?.length && enabledItem.topSongs;
    const showGenres = detailQuery?.data?.genres ? detailQuery?.data?.genres.length !== 0 : false;
    const mbzId = detailQuery?.data?.mbz;

    const isLoading =
        detailQuery?.isLoading ||
-        (server?.type === ServerType.NAVIDROME && topSongsQuery?.isLoading);
+        (server?.type === ServerType.NAVIDROME && enabledItem.topSongs && topSongsQuery?.isLoading);

    if (isLoading) return <ContentContainer ref={cq.ref} />;

@@ -467,103 +494,128 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                        </Group>
                    </Box>
                ) : null}
-                {biography ? (
-                    <Box
-                        component="section"
-                        maw="1280px"
-                    >
-                        <TextTitle
-                            order={2}
-                            weight={700}
+                <Grid>
+                    {biography ? (
+                        <Grid.Col
+                            order={itemOrder.biography}
+                            span={12}
                        >
-                            {t('page.albumArtistDetail.about', {
-                                artist: detailQuery?.data?.name,
-                            })}
-                        </TextTitle>
-                        <Spoiler dangerouslySetInnerHTML={{ __html: biography }} />
-                    </Box>
-                ) : null}
-                {showTopSongs ? (
-                    <Box component="section">
-                        <Group
-                            noWrap
-                            position="apart"
-                        >
-                            <Group
-                                noWrap
-                                align="flex-end"
+                            <Box
+                                component="section"
+                                maw="1280px"
                            >
                                <TextTitle
                                    order={2}
                                    weight={700}
                                >
-                                    {t('page.albumArtistDetail.topSongs', {
-                                        postProcess: 'sentenceCase',
+                                    {t('page.albumArtistDetail.about', {
+                                        artist: detailQuery?.data?.name,
                                    })}
                                </TextTitle>
-                                <Button
-                                    compact
-                                    uppercase
-                                    component={Link}
-                                    to={generatePath(
-                                        AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL_TOP_SONGS,
-                                        {
-                                            albumArtistId,
-                                        },
-                                    )}
-                                    variant="subtle"
+                                <Spoiler dangerouslySetInnerHTML={{ __html: biography }} />
+                            </Box>
+                        </Grid.Col>
+                    ) : null}
+                    {showTopSongs ? (
+                        <Grid.Col
+                            order={itemOrder.topSongs}
+                            span={12}
+                        >
+                            <Box component="section">
+                                <Group
+                                    noWrap
+                                    position="apart"
                                >
-                                    {t('page.albumArtistDetail.viewAll', {
-                                        postProcess: 'sentenceCase',
-                                    })}
-                                </Button>
-                            </Group>
-                        </Group>
-                        <VirtualTable
-                            autoFitColumns
-                            autoHeight
-                            deselectOnClickOutside
-                            stickyHeader
-                            suppressCellFocus
-                            suppressHorizontalScroll
-                            suppressLoadingOverlay
-                            suppressRowDrag
-                            columnDefs={topSongsColumnDefs}
-                            enableCellChangeFlash={false}
-                            getRowId={(data) => data.data.uniqueId}
-                            rowData={topSongs}
-                            rowHeight={60}
-                            rowSelection="multiple"
-                            onCellContextMenu={handleContextMenu}
-                            onRowDoubleClicked={handleRowDoubleClick}
-                        />
-                    </Box>
-                ) : null}
-                <Box component="section">
-                    <Stack spacing="xl">
-                        {carousels
-                            .filter((c) => !c.isHidden)
-                            .map((carousel) => (
-                                <MemoizedSwiperGridCarousel
-                                    key={`carousel-${carousel.uniqueId}`}
-                                    cardRows={cardRows[carousel.itemType as keyof typeof cardRows]}
-                                    data={carousel.data}
-                                    isLoading={carousel.loading}
-                                    itemType={carousel.itemType}
-                                    route={cardRoutes[carousel.itemType as keyof typeof cardRoutes]}
-                                    swiperProps={{
-                                        grid: {
-                                            rows: 2,
-                                        },
-                                    }}
-                                    title={{
-                                        label: carousel.title,
-                                    }}
-                                    uniqueId={carousel.uniqueId}
+                                    <Group
+                                        noWrap
+                                        align="flex-end"
+                                    >
+                                        <TextTitle
+                                            order={2}
+                                            weight={700}
+                                        >
+                                            {t('page.albumArtistDetail.topSongs', {
+                                                postProcess: 'sentenceCase',
+                                            })}
+                                        </TextTitle>
+                                        <Button
+                                            compact
+                                            uppercase
+                                            component={Link}
+                                            to={generatePath(
+                                                AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL_TOP_SONGS,
+                                                {
+                                                    albumArtistId,
+                                                },
+                                            )}
+                                            variant="subtle"
+                                        >
+                                            {t('page.albumArtistDetail.viewAll', {
+                                                postProcess: 'sentenceCase',
+                                            })}
+                                        </Button>
+                                    </Group>
+                                </Group>
+                                <VirtualTable
+                                    autoFitColumns
+                                    autoHeight
+                                    deselectOnClickOutside
+                                    shouldUpdateSong
+                                    stickyHeader
+                                    suppressCellFocus
+                                    suppressHorizontalScroll
+                                    suppressLoadingOverlay
+                                    suppressRowDrag
+                                    columnDefs={topSongsColumnDefs}
+                                    enableCellChangeFlash={false}
+                                    getRowId={(data) => data.data.id}
+                                    rowData={topSongs}
+                                    rowHeight={60}
+                                    rowSelection="multiple"
+                                    onCellContextMenu={handleContextMenu}
+                                    onRowDoubleClicked={handleRowDoubleClick}
                                />
-                            ))}
-                    </Stack>
-                </Box>
+                            </Box>
+                        </Grid.Col>
+                    ) : null}
+
+                    {carousels
+                        .filter((c) => !c.isHidden)
+                        .map((carousel) => (
+                            <Grid.Col
+                                key={`carousel-${carousel.uniqueId}`}
+                                order={carousel.order}
+                                span={12}
+                            >
+                                <Box component="section">
+                                    <Stack spacing="xl">
+                                        <MemoizedSwiperGridCarousel
+                                            cardRows={
+                                                cardRows[carousel.itemType as keyof typeof cardRows]
+                                            }
+                                            data={carousel.data}
+                                            isLoading={carousel.loading}
+                                            itemType={carousel.itemType}
+                                            route={
+                                                cardRoutes[
+                                                    carousel.itemType as keyof typeof cardRoutes
+                                                ]
+                                            }
+                                            swiperProps={{
+                                                grid: {
+                                                    rows: 2,
+                                                },
+                                            }}
+                                            title={{
+                                                label: carousel.title,
+                                            }}
+                                            uniqueId={carousel.uniqueId}
+                                        />
+                                    </Stack>
+                                </Box>
+                            </Grid.Col>
+                        ))}
+                </Grid>
            </DetailContainer>
        </ContentContainer>
    );
@@ -1,5 +1,6 @@
 import { forwardRef, Fragment, Ref } from 'react';
 import { Group, Rating, Stack } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router';
 import { LibraryItem, ServerType } from '/@/renderer/api/types';
 import { Text } from '/@/renderer/components';
@@ -17,6 +18,7 @@ export const AlbumArtistDetailHeader = forwardRef(
    ({ background }: AlbumArtistDetailHeaderProps, ref: Ref<HTMLDivElement>) => {
        const { albumArtistId } = useParams() as { albumArtistId: string };
        const server = useCurrentServer();
+        const { t } = useTranslation();
        const detailQuery = useAlbumArtistDetail({
            query: { id: albumArtistId },
            serverId: server?.id,
@@ -26,12 +28,12 @@ export const AlbumArtistDetailHeader = forwardRef(
            {
                id: 'albumCount',
                secondary: false,
-                value: detailQuery?.data?.albumCount && `${detailQuery?.data?.albumCount} albums`,
+                value: t('entity.albumWithCount', { count: detailQuery?.data?.albumCount || 0 }),
            },
            {
                id: 'songCount',
                secondary: false,
-                value: detailQuery?.data?.songCount && `${detailQuery?.data?.songCount} songs`,
+                value: t('entity.trackWithCount', { count: detailQuery?.data?.songCount || 0 }),
            },
            {
                id: 'duration',
@@ -64,8 +64,9 @@ export const AlbumArtistDetailTopSongsListContent = ({
                <VirtualTable
                    key={`table-${tableProps.rowHeight}-${server?.id}`}
                    ref={tableRef}
+                    shouldUpdateSong
                    {...tableProps}
-                    getRowId={(data) => data.data.uniqueId}
+                    getRowId={(data) => data.data.id}
                    rowClassRules={rowClassRules}
                    rowData={data}
                    rowModelType="clientSide"
@@ -8,7 +8,9 @@ export const QUEUE_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'addToFavorites' },
    { divider: true, id: 'removeFromFavorites' },
    { children: true, disabled: false, id: 'setRating' },
-    { disabled: false, id: 'deselectAll' },
+    { disabled: false, divider: true, id: 'deselectAll' },
+    { id: 'download' },
+    { divider: true, id: 'shareItem' },
    { divider: true, id: 'showDetails' },
 ];

@@ -21,6 +23,7 @@ export const SONG_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'addToFavorites' },
    { divider: true, id: 'removeFromFavorites' },
    { children: true, disabled: false, divider: true, id: 'setRating' },
+    { id: 'download' },
    { divider: true, id: 'shareItem' },
    { divider: true, id: 'showDetails' },
 ];
@@ -42,6 +45,8 @@ export const PLAYLIST_SONG_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'addToFavorites' },
    { divider: true, id: 'removeFromFavorites' },
    { children: true, disabled: false, id: 'setRating' },
+    { id: 'download' },
+    { divider: true, id: 'shareItem' },
    { divider: true, id: 'showDetails' },
 ];

@@ -54,6 +59,8 @@ export const SMART_PLAYLIST_SONG_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'addToFavorites' },
    { divider: true, id: 'removeFromFavorites' },
    { children: true, disabled: false, id: 'setRating' },
+    { id: 'download' },
+    { divider: true, id: 'shareItem' },
    { divider: true, id: 'showDetails' },
 ];

@@ -84,6 +91,7 @@ export const ARTIST_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'addToFavorites' },
    { divider: true, id: 'removeFromFavorites' },
    { children: true, disabled: false, id: 'setRating' },
+    { divider: true, id: 'shareItem' },
    { divider: true, id: 'showDetails' },
 ];

@@ -91,5 +99,6 @@ export const PLAYLIST_CONTEXT_MENU_ITEMS: SetContextMenuItems = [
    { id: 'play' },
    { id: 'playLast' },
    { divider: true, id: 'playNext' },
+    { divider: true, id: 'shareItem' },
    { id: 'deletePlaylist' },
 ];
@@ -30,6 +30,7 @@ import {
    RiShareForwardFill,
    RiInformationFill,
    RiRadio2Fill,
+    RiDownload2Line,
 } from 'react-icons/ri';
 import { AnyLibraryItems, LibraryItem, ServerType, AnyLibraryItem } from '/@/renderer/api/types';
 import {
@@ -56,12 +57,15 @@ import {
    useCurrentServer,
    usePlayerStore,
    useQueueControls,
+    useSettingsStore,
 } from '/@/renderer/store';
 import { usePlaybackType } from '/@/renderer/store/settings.store';
 import { Play, PlaybackType } from '/@/renderer/types';
 import { ItemDetailsModal } from '/@/renderer/features/item-details/components/item-details-modal';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
 import { controller } from '/@/renderer/api/controller';
+import { api } from '/@/renderer/api';
+import { setQueue, setQueueNext } from '/@/renderer/utils/set-transcoded-queue-data';

 type ContextMenuContextProps = {
    closeContextMenu: () => void;
@@ -89,13 +93,14 @@ const JELLYFIN_IGNORED_MENU_ITEMS: ContextMenuItemType[] = ['setRating', 'shareI
 // const NAVIDROME_IGNORED_MENU_ITEMS: ContextMenuItemType[] = [];
 // const SUBSONIC_IGNORED_MENU_ITEMS: ContextMenuItemType[] = [];

-const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
+const utils = isElectron() ? window.electron.utils : null;

 export interface ContextMenuProviderProps {
    children: ReactNode;
 }

 export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
+    const disabledItems = useSettingsStore((state) => state.general.disabledContextMenu);
    const { t } = useTranslation();
    const [opened, setOpened] = useState(false);
    const clickOutsideRef = useClickOutside(() => setOpened(false));
@@ -132,7 +137,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
            } = args;

            const serverType = data[0]?.serverType || useAuthStore.getState().currentServer?.type;
-            let validMenuItems = menuItems;
+            let validMenuItems = menuItems.filter((item) => !disabledItems[item.id]);

            if (serverType === ServerType.JELLYFIN) {
                validMenuItems = menuItems.filter(
@@ -142,7 +147,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {

            // If the context menu dimension can't be automatically calculated, calculate it manually
            // This is a hacky way since resize observer may not automatically recalculate when not rendered
-            const menuHeight = menuRect.height || (menuItems.length + 1) * 50;
+            const menuHeight = menuRect.height || (validMenuItems.length + 1) * 40;
            const menuWidth = menuRect.width || 220;

            const shouldReverseY = yPos + menuHeight > viewport.height;
@@ -164,7 +169,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
            });
            setOpened(true);
        },
-        [menuRect.height, menuRect.width, setCtx, viewport.height, viewport.width],
+        [disabledItems, menuRect.height, menuRect.width, setCtx, viewport.height, viewport.width],
    );

    const closeContextMenu = useCallback(() => {
@@ -287,13 +292,16 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
        if (ctx.dataNodes) {
            const nodesToFavorite = ctx.dataNodes.filter((item) => !item.data.userFavorite);

-            const nodesByServerId = nodesToFavorite.reduce((acc, node) => {
-                if (!acc[node.data.serverId]) {
-                    acc[node.data.serverId] = [];
-                }
-                acc[node.data.serverId].push(node);
-                return acc;
-            }, {} as Record<string, RowNode<any>[]>);
+            const nodesByServerId = nodesToFavorite.reduce(
+                (acc, node) => {
+                    if (!acc[node.data.serverId]) {
+                        acc[node.data.serverId] = [];
+                    }
+                    acc[node.data.serverId].push(node);
+                    return acc;
+                },
+                {} as Record<string, RowNode<any>[]>,
+            );

            for (const serverId of Object.keys(nodesByServerId)) {
                const nodes = nodesByServerId[serverId];
@@ -324,13 +332,16 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
            }
        } else {
            const itemsToFavorite = ctx.data.filter((item) => !item.userFavorite);
-            const itemsByServerId = (itemsToFavorite as any[]).reduce((acc, item) => {
-                if (!acc[item.serverId]) {
-                    acc[item.serverId] = [];
-                }
-                acc[item.serverId].push(item);
-                return acc;
-            }, {} as Record<string, AnyLibraryItems>);
+            const itemsByServerId = (itemsToFavorite as any[]).reduce(
+                (acc, item) => {
+                    if (!acc[item.serverId]) {
+                        acc[item.serverId] = [];
+                    }
+                    acc[item.serverId].push(item);
+                    return acc;
+                },
+                {} as Record<string, AnyLibraryItems>,
+            );

            for (const serverId of Object.keys(itemsByServerId)) {
                const items = itemsByServerId[serverId];
@@ -361,13 +372,16 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {

        if (ctx.dataNodes) {
            const nodesToUnfavorite = ctx.dataNodes.filter((item) => item.data.userFavorite);
-            const nodesByServerId = nodesToUnfavorite.reduce((acc, node) => {
-                if (!acc[node.data.serverId]) {
-                    acc[node.data.serverId] = [];
-                }
-                acc[node.data.serverId].push(node);
-                return acc;
-            }, {} as Record<string, RowNode<any>[]>);
+            const nodesByServerId = nodesToUnfavorite.reduce(
+                (acc, node) => {
+                    if (!acc[node.data.serverId]) {
+                        acc[node.data.serverId] = [];
+                    }
+                    acc[node.data.serverId].push(node);
+                    return acc;
+                },
+                {} as Record<string, RowNode<any>[]>,
+            );

            for (const serverId of Object.keys(nodesByServerId)) {
                const idsToUnfavorite = nodesByServerId[serverId].map((node) => node.data.id);
@@ -390,13 +404,16 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
            }
        } else {
            const itemsToUnfavorite = ctx.data.filter((item) => item.userFavorite);
-            const itemsByServerId = (itemsToUnfavorite as any[]).reduce((acc, item) => {
-                if (!acc[item.serverId]) {
-                    acc[item.serverId] = [];
-                }
-                acc[item.serverId].push(item);
-                return acc;
-            }, {} as Record<string, AnyLibraryItems>);
+            const itemsByServerId = (itemsToUnfavorite as any[]).reduce(
+                (acc, item) => {
+                    if (!acc[item.serverId]) {
+                        acc[item.serverId] = [];
+                    }
+                    acc[item.serverId].push(item);
+                    return acc;
+                },
+                {} as Record<string, AnyLibraryItems>,
+            );

            for (const serverId of Object.keys(itemsByServerId)) {
                const idsToUnfavorite = itemsByServerId[serverId].map(
@@ -593,7 +610,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
        const playerData = moveToBottomOfQueue(uniqueIds);

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }
    }, [ctx.dataNodes, moveToBottomOfQueue, playbackType]);

@@ -604,7 +621,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
        const playerData = moveToTopOfQueue(uniqueIds);

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }
    }, [ctx.dataNodes, moveToTopOfQueue, playbackType]);

@@ -634,9 +651,9 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {

        if (playbackType === PlaybackType.LOCAL) {
            if (isCurrentSongRemoved) {
-                mpvPlayer!.setQueue(playerData);
+                setQueue(playerData);
            } else {
-                mpvPlayer!.setQueueNext(playerData);
+                setQueueNext(playerData);
            }
        }

@@ -670,9 +687,25 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
            },
            query: { albumArtistIds: item.albumArtistIds, songId: item.id },
        });
-        handlePlayQueueAdd?.({ byData: [ctx.data[0], ...songs], playType: Play.NOW });
+        if (songs) {
+            handlePlayQueueAdd?.({ byData: [ctx.data[0], ...songs], playType: Play.NOW });
+        }
    }, [ctx, handlePlayQueueAdd]);

+    const handleDownload = useCallback(() => {
+        const item = ctx.data[0];
+        const url = api.controller.getDownloadUrl({
+            apiClientProps: { server },
+            query: { id: item.id },
+        });
+
+        if (utils) {
+            utils.download(url!);
+        } else {
+            window.open(url, '_blank');
+        }
+    }, [ctx.data, server]);
+
    const contextMenuItems: Record<ContextMenuItemType, ContextMenuItem> = useMemo(() => {
        return {
            addToFavorites: {
@@ -704,6 +737,13 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                leftIcon: <RiCloseCircleLine size="1.1rem" />,
                onClick: handleDeselectAll,
            },
+            download: {
+                disabled: ctx.data?.length !== 1,
+                id: 'download',
+                label: t('page.contextMenu.download', { postProcess: 'sentenceCase' }),
+                leftIcon: <RiDownload2Line size="1.1rem" />,
+                onClick: handleDownload,
+            },
            moveToBottomOfQueue: {
                id: 'moveToBottomOfQueue',
                label: t('page.contextMenu.moveToBottom', { postProcess: 'sentenceCase' }),
@@ -848,18 +888,19 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
        handleAddToPlaylist,
        openDeletePlaylistModal,
        handleDeselectAll,
+        ctx.data,
+        handleDownload,
        handleMoveToBottom,
        handleMoveToTop,
+        handleSimilar,
        handleRemoveFromFavorites,
        handleRemoveFromPlaylist,
        handleRemoveSelected,
-        ctx.data,
+        server,
+        handleShareItem,
        handleOpenItemDetails,
        handlePlay,
        handleUpdateRating,
-        handleShareItem,
-        server,
-        handleSimilar,
    ]);

    const mergedRef = useMergedRef(ref, clickOutsideRef);
@@ -36,7 +36,32 @@ export type ContextMenuItemType =
    | 'removeFromQueue'
    | 'deselectAll'
    | 'showDetails'
-    | 'playSimilarSongs';
+    | 'playSimilarSongs'
+    | 'download';
+
+export const CONFIGURABLE_CONTEXT_MENU_ITEMS: ContextMenuItemType[] = [
+    'moveToBottomOfQueue',
+    'moveToTopOfQueue',
+    'play',
+    'playLast',
+    'playNext',
+    'playSimilarSongs',
+    'addToPlaylist',
+    'removeFromPlaylist',
+    'addToFavorites',
+    'removeFromFavorites',
+    'setRating',
+    'download',
+    'shareItem',
+    'showDetails',
+];
+
+export const CONTEXT_MENU_ITEM_MAPPING: { [k in ContextMenuItemType]?: string } = {
+    moveToBottomOfQueue: 'moveToBottom',
+    moveToTopOfQueue: 'moveToTop',
+    playLast: 'addLast',
+    playNext: 'addNext',
+};

 export type SetContextMenuItems = {
    children?: boolean;
@@ -25,23 +25,27 @@ export const useDiscordRpc = () => {
            return;
        }

+        const song = currentSong?.id ? currentSong : null;
+
        const currentTime = usePlayerStore.getState().current.time;

        const now = Date.now();
        const start = currentTime ? Math.round(now - currentTime * 1000) : null;
-        const end =
-            currentSong?.duration && start ? Math.round(start + currentSong.duration) : null;
+        const end = song?.duration && start ? Math.round(start + song.duration) : null;

-        const artists = currentSong?.artists.map((artist) => artist.name).join(', ');
+        const artists = song?.artists.map((artist) => artist.name).join(', ');

        const activity: SetActivity = {
-            details: currentSong?.name.padEnd(2, ' ') || 'Idle',
+            details: song?.name.padEnd(2, ' ') || 'Idle',
            instance: false,
            largeImageKey: undefined,
-            largeImageText: currentSong?.album || 'Unknown album',
+            largeImageText: song?.album || 'Unknown album',
            smallImageKey: undefined,
            smallImageText: currentStatus,
            state: (artists && `By ${artists}`) || 'Unknown artist',
+            // I would love to use the actual type as opposed to hardcoding to 2,
+            // but manually installing the discord-types package appears to break things
+            type: discordSettings.showAsListening ? 2 : 0,
        };

        if (currentStatus === PlayerStatus.PLAYING) {
@@ -56,11 +60,11 @@ export const useDiscordRpc = () => {
        }

        if (
-            currentSong?.serverType === ServerType.JELLYFIN &&
+            song?.serverType === ServerType.JELLYFIN &&
            discordSettings.showServerImage &&
-            currentSong?.imageUrl
+            song?.imageUrl
        ) {
-            activity.largeImageKey = currentSong?.imageUrl;
+            activity.largeImageKey = song?.imageUrl;
        }

        // Fall back to default icon if not set
@@ -69,7 +73,13 @@ export const useDiscordRpc = () => {
        }

        discordRpc?.setActivity(activity);
-    }, [currentSong, currentStatus, discordSettings.enableIdle, discordSettings.showServerImage]);
+    }, [
+        currentSong,
+        currentStatus,
+        discordSettings.enableIdle,
+        discordSettings.showAsListening,
+        discordSettings.showServerImage,
+    ]);

    useEffect(() => {
        const initializeDiscordRpc = async () => {
@@ -17,7 +17,9 @@ const StyledText = styled(TextTitle)<TitleProps & { $alignment: string; $fontSiz
    text-align: ${(props) => props.$alignment};
    opacity: 0.5;

-    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
+    transition:
+        opacity 0.3s ease-in-out,
+        transform 0.3s ease-in-out;

    &.active {
        opacity: 1;
@@ -1,11 +1,13 @@
 import { useCallback, useEffect, useRef } from 'react';
 import {
+    useCurrentPlayer,
    useCurrentStatus,
    useCurrentTime,
    useLyricsSettings,
    usePlaybackType,
    usePlayerData,
    useSeeked,
+    useSetCurrentTime,
 } from '/@/renderer/store';
 import { PlaybackType, PlayerStatus } from '/@/renderer/types';
 import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
@@ -13,9 +15,11 @@ import isElectron from 'is-electron';
 import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
 import { FullLyricsMetadata, SynchronizedLyricsArray } from '/@/renderer/api/types';
 import styled from 'styled-components';
-import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls';
+import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';

 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
+const utils = isElectron() ? window.electron.utils : null;
+const mpris = isElectron() && utils?.isLinux() ? window.electron.mpris : null;

 const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
    display: flex;
@@ -25,6 +29,7 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
    height: 100%;
    padding: 10vh 0 50vh;
    overflow: scroll;
+    word-break: break-word;
    transform: translateY(-2rem);

    -webkit-mask-image: linear-gradient(
@@ -65,7 +70,25 @@ export const SynchronizedLyrics = ({
    const playerData = usePlayerData();
    const now = useCurrentTime();
    const settings = useLyricsSettings();
-    const centerControls = useCenterControls({ playersRef });
+    const currentPlayer = useCurrentPlayer();
+    const currentPlayerRef =
+        currentPlayer === 1 ? playersRef.current?.player1 : playersRef.current?.player2;
+    const setCurrentTime = useSetCurrentTime();
+    const { handleScrobbleFromSeek } = useScrobble();
+
+    const handleSeek = useCallback(
+        (time: number) => {
+            if (playbackType === PlaybackType.LOCAL && mpvPlayer) {
+                mpvPlayer.seekTo(time);
+            } else {
+                setCurrentTime(time, true);
+                handleScrobbleFromSeek(time);
+                mpris?.updateSeek(time);
+                currentPlayerRef?.seekTo(time);
+            }
+        },
+        [currentPlayerRef, handleScrobbleFromSeek, playbackType, setCurrentTime],
+    );

    const seeked = useSeeked();

@@ -179,9 +202,12 @@ export const SynchronizedLyrics = ({

                const elapsed = performance.now() - start;

-                lyricTimer.current = setTimeout(() => {
-                    setCurrentLyric(nextTime, nextEpoch, index + 1);
-                }, nextTime - timeInMs - elapsed);
+                lyricTimer.current = setTimeout(
+                    () => {
+                        setCurrentLyric(nextTime, nextEpoch, index + 1);
+                    },
+                    nextTime - timeInMs - elapsed,
+                );
            }
        },
        [],
@@ -345,7 +371,7 @@ export const SynchronizedLyrics = ({
                    fontSize={settings.fontSize}
                    id={`lyric-${idx}`}
                    text={text}
-                    onClick={() => centerControls.handleSeekSlider(time / 1000)}
+                    onClick={() => handleSeek(time / 1000)}
                />
            ))}
        </SynchronizedLyricsContainer>
@@ -19,6 +19,7 @@ import { usePlaybackType } from '/@/renderer/store/settings.store';
 import { usePlayerStore, useSetCurrentTime } from '../../../store/player.store';
 import { TableConfigDropdown } from '/@/renderer/components/virtual-table';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { setQueue, setQueueNext } from '/@/renderer/utils/set-transcoded-queue-data';

 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;

@@ -45,7 +46,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
        const playerData = moveToBottomOfQueue(uniqueIds);

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }
    };

@@ -57,7 +58,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
        const playerData = moveToTopOfQueue(uniqueIds);

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }
    };

@@ -72,9 +73,9 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr

        if (playbackType === PlaybackType.LOCAL) {
            if (isCurrentSongRemoved) {
-                mpvPlayer!.setQueue(playerData);
+                setQueue(playerData);
            } else {
-                mpvPlayer!.setQueueNext(playerData);
+                setQueueNext(playerData);
            }
        }

@@ -87,7 +88,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
        const playerData = clearQueue();

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueue(playerData);
+            setQueue(playerData);
            mpvPlayer!.pause();
        }

@@ -101,7 +102,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
        const playerData = shuffleQueue();

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }
    };

@@ -38,6 +38,7 @@ import { VirtualGridAutoSizerContainer } from '/@/renderer/components/virtual-gr
 import { useAppFocus } from '/@/renderer/hooks';
 import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { setQueue, setQueueNext } from '/@/renderer/utils/set-transcoded-queue-data';

 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;

@@ -86,7 +87,7 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {

        if (playbackType === PlaybackType.LOCAL) {
            mpvPlayer!.volume(volume);
-            mpvPlayer!.setQueue(playerData, false);
+            setQueue(playerData, false);
        } else {
            const player =
                playerData.current.player === 1
@@ -117,7 +118,7 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
        const playerData = reorderQueue(selectedUniqueIds as string[], e.overNode?.data?.uniqueId);

        if (playbackType === PlaybackType.LOCAL) {
-            mpvPlayer!.setQueueNext(playerData);
+            setQueueNext(playerData);
        }

        if (type === 'sideDrawerQueue') {
@@ -131,16 +131,17 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
    const formattedTime = formatDuration(currentTime * 1000 || 0);

    useEffect(() => {
-        let interval: any;
+        let interval: ReturnType<typeof setInterval>;

        if (status === PlayerStatus.PLAYING && !isSeeking) {
            if (!isElectron() || playbackType === PlaybackType.WEB) {
+                // Update twice a second for slightly better performance
                interval = setInterval(() => {
-                    setCurrentTime(currentPlayerRef.getCurrentTime());
-                }, 1000);
+                    if (currentPlayerRef) {
+                        setCurrentTime(currentPlayerRef.getCurrentTime());
+                    }
+                }, 500);
            }
-        } else {
-            clearInterval(interval);
        }

        return () => clearInterval(interval);
@@ -271,14 +272,14 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
                                          postProcess: 'sentenceCase',
                                      })
                                    : repeat === PlayerRepeat.ALL
-                                    ? t('player.repeat', {
-                                          context: 'all',
-                                          postProcess: 'sentenceCase',
-                                      })
-                                    : t('player.repeat', {
-                                          context: 'one',
-                                          postProcess: 'sentenceCase',
-                                      })
+                                      ? t('player.repeat', {
+                                            context: 'all',
+                                            postProcess: 'sentenceCase',
+                                        })
+                                      : t('player.repeat', {
+                                            context: 'one',
+                                            postProcess: 'sentenceCase',
+                                        })
                            }`,
                        }}
                        variant="tertiary"
@@ -112,8 +112,9 @@ const Controls = () => {
            pos="absolute"
            spacing="sm"
            sx={{
+                background: `rgb(var(--main-bg-transparent), ${opacity}%)`,
                left: 0,
-                top: 10,
+                top: 0,
            }}
        >
            <Button
@@ -67,7 +67,7 @@ const PlayerbarImage = styled.img`

 const LineItem = styled.div<{ $secondary?: boolean }>`
    display: inline-block;
-    width: 95%;
+    width: fit-content;
    max-width: 20vw;
    overflow: hidden;
    line-height: 1.3;
@@ -122,6 +122,8 @@ export const LeftControls = () => {
        setSideBar({ image: true });
    };

+    const stopPropagation = (e?: MouseEvent) => e?.stopPropagation();
+
    useHotkeys([
        [
            bindings.toggleFullscreenPlayer.allowGlobal
@@ -207,7 +209,7 @@ export const LeftControls = () => {
                    )}
                </AnimatePresence>
                <MetadataStack layout="position">
-                    <LineItem>
+                    <LineItem onClick={stopPropagation}>
                        <Group
                            noWrap
                            align="flex-start"
@@ -234,7 +236,10 @@ export const LeftControls = () => {
                            )}
                        </Group>
                    </LineItem>
-                    <LineItem $secondary>
+                    <LineItem
+                        $secondary
+                        onClick={stopPropagation}
+                    >
                        {artists?.map((artist, index) => (
                            <React.Fragment key={`bar-${artist.id}`}>
                                {index > 0 && <Separator />}
@@ -257,7 +262,10 @@ export const LeftControls = () => {
                            </React.Fragment>
                        ))}
                    </LineItem>
-                    <LineItem $secondary>
+                    <LineItem
+                        $secondary
+                        onClick={stopPropagation}
+                    >
                        <Text
                            $link
                            component={Link}
@@ -116,8 +116,8 @@ const StyledPlayerButton = styled(UnstyledButton)<StyledPlayerButtonProps>`
        variant === 'main'
            ? ButtonMainVariant
            : variant === 'secondary'
-            ? ButtonSecondaryVariant
-            : ButtonTertiaryVariant};
+              ? ButtonSecondaryVariant
+              : ButtonTertiaryVariant};
 `;

 export const PlayerButton = forwardRef<HTMLDivElement, PlayerButtonProps>(
@@ -132,6 +132,10 @@ export const PlayerButton = forwardRef<HTMLDivElement, PlayerButtonProps>(
                        <StyledPlayerButton
                            variant={variant}
                            {...rest}
+                            onClick={(e) => {
+                                e.stopPropagation();
+                                rest.onClick?.(e);
+                            }}
                        >
                            {icon}
                        </StyledPlayerButton>
@@ -148,6 +152,10 @@ export const PlayerButton = forwardRef<HTMLDivElement, PlayerButtonProps>(
                <StyledPlayerButton
                    variant={variant}
                    {...rest}
+                    onClick={(e) => {
+                        e.stopPropagation();
+                        rest.onClick?.(e);
+                    }}
                >
                    {icon}
                </StyledPlayerButton>
@@ -41,6 +41,9 @@ export const PlayerbarSlider = ({ ...props }: SliderProps) => {
                },
            }}
            {...props}
+            onClick={(e) => {
+                e?.stopPropagation();
+            }}
        />
    );
 };
@@ -1,6 +1,10 @@
-import { useCallback } from 'react';
+import { useCallback, MouseEvent } from 'react';
 import styled from 'styled-components';
-import { usePlaybackType, useSettingsStore } from '/@/renderer/store/settings.store';
+import {
+    usePlaybackType,
+    useSettingsStore,
+    useGeneralSettings,
+} from '/@/renderer/store/settings.store';
 import { PlaybackType } from '/@/renderer/types';
 import { AudioPlayer } from '/@/renderer/components';
 import {
@@ -11,6 +15,8 @@ import {
    usePlayer2Data,
    usePlayerControls,
    useVolume,
+    useSetFullScreenPlayerStore,
+    useFullScreenPlayerStore,
 } from '/@/renderer/store';
 import { CenterControls } from './center-controls';
 import { LeftControls } from './left-controls';
@@ -62,6 +68,7 @@ const CenterGridItem = styled.div`
 export const Playerbar = () => {
    const playersRef = PlayersRef;
    const settings = useSettingsStore((state) => state.playback);
+    const { playerbarOpenDrawer } = useGeneralSettings();
    const playbackType = usePlaybackType();
    const volume = useVolume();
    const player1 = usePlayer1Data();
@@ -70,6 +77,13 @@ export const Playerbar = () => {
    const player = useCurrentPlayer();
    const muted = useMuted();
    const { autoNext } = usePlayerControls();
+    const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
+    const setFullScreenPlayerStore = useSetFullScreenPlayerStore();
+
+    const handleToggleFullScreenPlayer = (e?: MouseEvent<HTMLDivElement> | KeyboardEvent) => {
+        e?.stopPropagation();
+        setFullScreenPlayerStore({ expanded: !isFullScreenPlayerExpanded });
+    };

    const autoNextFn = useCallback(() => {
        const playerData = autoNext();
@@ -77,7 +91,9 @@ export const Playerbar = () => {
    }, [autoNext]);

    return (
-        <PlayerbarContainer>
+        <PlayerbarContainer
+            onClick={playerbarOpenDrawer ? handleToggleFullScreenPlayer : undefined}
+        >
            <PlayerbarControlsGrid>
                <LeftGridItem>
                    <LeftControls />
@@ -18,6 +18,7 @@ import {
    useHotkeySettings,
    useMuted,
    usePreviousSong,
+    useSettingsStore,
    useSidebarStore,
    useSpeed,
    useVolume,
@@ -54,6 +55,7 @@ export const RightControls = () => {
    } = useRightControls();

    const speed = useSpeed();
+    const volumeWidth = useSettingsStore((state) => state.general.volumeWidth);

    const updateRatingMutation = useSetRating({});
    const addToFavoritesMutation = useCreateFavorite({});
@@ -324,7 +326,7 @@ export const RightControls = () => {
                            min={0}
                            size={6}
                            value={volume}
-                            w="60px"
+                            w={volumeWidth}
                            onChange={handleVolumeSlider}
                            onWheel={handleVolumeWheel}
                        />
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { Divider, Group, Stack } from '@mantine/core';
+import { Divider, Group, SelectItem, Stack } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
 import { QueryClient } from '@tanstack/react-query';
 import merge from 'lodash/merge';
@@ -16,6 +16,7 @@ import {
    GenreListSort,
    SortOrder,
    ServerListItem,
+    Played,
 } from '/@/renderer/api/types';
 import { api } from '/@/renderer/api';
 import { useAuthStore } from '/@/renderer/store';
@@ -45,6 +46,7 @@ const useShuffleAllStore = create<ShuffleAllSlice>()(
            maxYear: 2020,
            minYear: 2000,
            musicFolder: '',
+            played: Played.All,
            songCount: 100,
        })),
        {
@@ -55,6 +57,12 @@ const useShuffleAllStore = create<ShuffleAllSlice>()(
    ),
 );

+const PLAYED_DATA: SelectItem[] = [
+    { label: 'all tracks', value: Played.All },
+    { label: 'only unplayed tracks', value: Played.Never },
+    { label: 'only played tracks', value: Played.Played },
+];
+
 export const useShuffleAllStoreActions = () => useShuffleAllStore((state) => state.actions);

 interface ShuffleAllModalProps {
@@ -72,7 +80,7 @@ export const ShuffleAllModal = ({
    genres,
    musicFolders,
 }: ShuffleAllModalProps) => {
-    const { genre, limit, maxYear, minYear, enableMaxYear, enableMinYear, musicFolderId } =
+    const { genre, limit, maxYear, minYear, enableMaxYear, enableMinYear, musicFolderId, played } =
        useShuffleAllStore();
    const { setStore } = useShuffleAllStoreActions();

@@ -91,6 +99,7 @@ export const ShuffleAllModal = ({
                        maxYear: enableMaxYear ? maxYear || undefined : undefined,
                        minYear: enableMinYear ? minYear || undefined : undefined,
                        musicFolderId: musicFolderId || undefined,
+                        played,
                    },
                }),
            queryKey: queryKeys.songs.randomSongList(server?.id),
@@ -185,6 +194,17 @@ export const ShuffleAllModal = ({
                    setStore({ musicFolderId: e ? String(e) : '' });
                }}
            />
+            {server?.type === ServerType.JELLYFIN && (
+                <Select
+                    clearable
+                    data={PLAYED_DATA}
+                    label="Play filter"
+                    value={played}
+                    onChange={(e) => {
+                        setStore({ played: e as Played });
+                    }}
+                />
+            )}
            <Divider />
            <Group grow>
                <Button
@@ -17,6 +17,7 @@ import debounce from 'lodash/debounce';
 import { toast } from '/@/renderer/components';
 import { useTranslation } from 'react-i18next';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { setAutoNext, setQueue, setQueueNext } from '/@/renderer/utils/set-transcoded-queue-data';

 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
 const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : null;
@@ -131,30 +132,30 @@ export const useCenterControls = (args: { playersRef: any }) => {
        if (shuffleStatus === PlayerShuffle.NONE) {
            const playerData = setShuffle(PlayerShuffle.TRACK);
            remote?.updateShuffle(true);
-            return mpvPlayer?.setQueueNext(playerData);
+            return setQueueNext(playerData);
        }

        const playerData = setShuffle(PlayerShuffle.NONE);
        remote?.updateShuffle(false);
-        return mpvPlayer?.setQueueNext(playerData);
+        return setQueueNext(playerData);
    }, [setShuffle, shuffleStatus]);

    const handleToggleRepeat = useCallback(() => {
        if (repeatStatus === PlayerRepeat.NONE) {
            const playerData = setRepeat(PlayerRepeat.ALL);
            remote?.updateRepeat(PlayerRepeat.ALL);
-            return mpvPlayer?.setQueueNext(playerData);
+            return setQueueNext(playerData);
        }

        if (repeatStatus === PlayerRepeat.ALL) {
            const playerData = setRepeat(PlayerRepeat.ONE);
            remote?.updateRepeat(PlayerRepeat.ONE);
-            return mpvPlayer?.setQueueNext(playerData);
+            return setQueueNext(playerData);
        }

        const playerData = setRepeat(PlayerRepeat.NONE);
        remote?.updateRepeat(PlayerRepeat.NONE);
-        return mpvPlayer?.setQueueNext(playerData);
+        return setQueueNext(playerData);
    }, [repeatStatus, setRepeat]);

    const checkIsLastTrack = useCallback(() => {
@@ -172,7 +173,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
            local: () => {
                const playerData = autoNext();
                updateSong(playerData.current.song);
-                mpvPlayer!.autoNext(playerData);
+                setAutoNext(playerData);
                play();
            },
            web: () => {
@@ -186,12 +187,12 @@ export const useCenterControls = (args: { playersRef: any }) => {
                if (isLastTrack) {
                    const playerData = setCurrentIndex(0);
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData, true);
+                    setQueue(playerData, true);
                    pause();
                } else {
                    const playerData = autoNext();
                    updateSong(playerData.current.song);
-                    mpvPlayer!.autoNext(playerData);
+                    setAutoNext(playerData);
                    play();
                }
            },
@@ -211,7 +212,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
            local: () => {
                const playerData = autoNext();
                updateSong(playerData.current.song);
-                mpvPlayer!.autoNext(playerData);
+                setAutoNext(playerData);
                play();
            },
            web: () => {
@@ -257,7 +258,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
            local: () => {
                const playerData = next();
                updateSong(playerData.current.song);
-                mpvPlayer!.setQueue(playerData);
+                setQueue(playerData);
            },
            web: () => {
                const playerData = next();
@@ -270,12 +271,12 @@ export const useCenterControls = (args: { playersRef: any }) => {
                if (isLastTrack) {
                    const playerData = setCurrentIndex(0);
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData, true);
+                    setQueue(playerData, true);
                    pause();
                } else {
                    const playerData = next();
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData);
+                    setQueue(playerData);
                }
            },
            web: () => {
@@ -297,7 +298,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
                if (!isLastTrack) {
                    const playerData = next();
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData);
+                    setQueue(playerData);
                }
            },
            web: () => {
@@ -358,11 +359,11 @@ export const useCenterControls = (args: { playersRef: any }) => {
                if (!isFirstTrack) {
                    const playerData = previous();
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData);
+                    setQueue(playerData);
                } else {
                    const playerData = setCurrentIndex(queue.length - 1);
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData);
+                    setQueue(playerData);
                }
            },
            web: () => {
@@ -383,12 +384,12 @@ export const useCenterControls = (args: { playersRef: any }) => {
                if (isFirstTrack) {
                    const playerData = setCurrentIndex(0);
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData, true);
+                    setQueue(playerData, true);
                    pause();
                } else {
                    const playerData = previous();
                    updateSong(playerData.current.song);
-                    mpvPlayer!.setQueue(playerData);
+                    setQueue(playerData);
                }
            },
            web: () => {
@@ -407,7 +408,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
            local: () => {
                const playerData = previous();
                updateSong(playerData.current.song);
-                mpvPlayer!.setQueue(playerData);
+                setQueue(playerData);
            },
            web: () => {
                const playerData = previous();
@@ -473,7 +474,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
            mpvPlayer!.seek(-seconds);
        } else {
            resetNextPlayer();
-            currentPlayerRef.seekTo(newTime);
+            currentPlayerRef.seekTo(newTime, 'seconds');
        }
    };

@@ -496,7 +497,7 @@ export const useCenterControls = (args: { playersRef: any }) => {

            resetNextPlayer();
            setCurrentTime(newTime, true);
-            currentPlayerRef.seekTo(newTime);
+            currentPlayerRef.seekTo(newTime, 'seconds');
        }
    };

@@ -504,7 +505,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
        if (isMpvPlayer) {
            mpvPlayer!.seekTo(e);
        } else {
-            currentPlayerRef.seekTo(e);
+            currentPlayerRef.seekTo(e, 'seconds');
        }
    }, 100);

@@ -669,11 +670,11 @@ export const useCenterControls = (args: { playersRef: any }) => {
    ]);

    useEffect(() => {
-        if (utils?.isLinux()) {
+        if (remote) {
            const unsubCurrentTime = usePlayerStore.subscribe(
                (state) => state.current.time,
                (time) => {
-                    mpris?.updatePosition(time);
+                    remote.updatePosition(time);
                },
            );

@@ -1,7 +1,7 @@
 import { useCallback, useRef } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useCurrentServer, usePlayerControls, usePlayerStore } from '/@/renderer/store';
-import { usePlaybackType } from '/@/renderer/store/settings.store';
+import { useGeneralSettings, usePlaybackType } from '/@/renderer/store/settings.store';
 import { PlayQueueAddOptions, Play, PlaybackType } from '/@/renderer/types';
 import { toast } from '/@/renderer/components/toast/index';
 import isElectron from 'is-electron';
@@ -25,6 +25,7 @@ import { queryKeys } from '/@/renderer/api/query-keys';
 import { useTranslation } from 'react-i18next';
 import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
+import { setQueue, setQueueNext } from '/@/renderer/utils/set-transcoded-queue-data';

 const getRootQueryKey = (itemType: LibraryItem, serverId: string) => {
    let queryKey;
@@ -65,6 +66,8 @@ export const useHandlePlayQueueAdd = () => {
    const { play } = usePlayerControls();
    const timeoutIds = useRef<Record<string, ReturnType<typeof setTimeout>> | null>({});

+    const { doubleClickQueueAll } = useGeneralSettings();
+
    const handlePlayQueueAdd = useCallback(
        async (options: PlayQueueAddOptions) => {
            if (!server) return toast.error({ message: 'No server selected', type: 'error' });
@@ -121,6 +124,12 @@ export const useHandlePlayQueueAdd = () => {
                    } else if (itemType === LibraryItem.SONG) {
                        if (id?.length === 1) {
                            songList = await getSongById({ id: id?.[0], queryClient, server });
+                        } else if (!doubleClickQueueAll && initialSongId) {
+                            songList = await getSongById({
+                                id: initialSongId,
+                                queryClient,
+                                server,
+                            });
                        } else {
                            songList = await getSongsByQuery({ query, queryClient, server });
                        }
@@ -172,9 +181,9 @@ export const useHandlePlayQueueAdd = () => {

                if (playType === Play.NOW || !hadSong) {
                    mpvPlayer!.pause();
-                    mpvPlayer!.setQueue(playerData, false);
+                    setQueue(playerData, false);
                } else {
-                    mpvPlayer!.setQueueNext(playerData);
+                    setQueueNext(playerData);
                }
            } else {
                const player =
@@ -195,7 +204,7 @@ export const useHandlePlayQueueAdd = () => {

            return null;
        },
-        [play, playbackType, queryClient, server, t],
+        [doubleClickQueueAll, play, playbackType, queryClient, server, t],
    );

    return handlePlayQueueAdd;
@@ -4,9 +4,11 @@ import { api } from '/@/renderer/api';
 import { ScrobbleResponse, ScrobbleArgs } from '/@/renderer/api/types';
 import { MutationOptions } from '/@/renderer/lib/react-query';
 import { getServerById, useIncrementQueuePlayCount } from '/@/renderer/store';
+import { usePlayEvent } from '/@/renderer/store/event.store';

 export const useSendScrobble = (options?: MutationOptions) => {
    const incrementPlayCount = useIncrementQueuePlayCount();
+    const sendPlayEvent = usePlayEvent();

    return useMutation<
        ScrobbleResponse,
@@ -23,6 +25,7 @@ export const useSendScrobble = (options?: MutationOptions) => {
            // Manually increment the play count for the song in the queue if scrobble was submitted
            if (variables.query.submission) {
                incrementPlayCount([variables.query.id]);
+                sendPlayEvent([variables.query.id]);
            }
        },
        ...options,
@@ -28,7 +28,6 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
        initialValues: {
            _custom: {
                navidrome: {
-                    public: false,
                    rules: undefined,
                },
            },
@@ -88,7 +87,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
        );
    });

-    const isPublicDisplayed = server?.type === ServerType.NAVIDROME;
+    const isPublicDisplayed = hasFeature(server, ServerFeature.PUBLIC_PLAYLIST);
    const isSubmitDisabled = !form.values.name || mutation.isLoading;

    return (
@@ -103,13 +102,15 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
                    })}
                    {...form.getInputProps('name')}
                />
-                <TextInput
-                    label={t('form.createPlaylist.input', {
-                        context: 'description',
-                        postProcess: 'titleCase',
-                    })}
-                    {...form.getInputProps('comment')}
-                />
+                {server?.type === ServerType.NAVIDROME && (
+                    <TextInput
+                        label={t('form.createPlaylist.input', {
+                            context: 'description',
+                            postProcess: 'titleCase',
+                        })}
+                        {...form.getInputProps('comment')}
+                    />
+                )}
                <Group>
                    {isPublicDisplayed && (
                        <Switch
@@ -117,7 +118,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
                                context: 'public',
                                postProcess: 'titleCase',
                            })}
-                            {...form.getInputProps('_custom.navidrome.public', {
+                            {...form.getInputProps('public', {
                                type: 'checkbox',
                            })}
                        />
@@ -215,16 +215,14 @@ export const PlaylistDetailContent = ({ tableRef }: PlaylistDetailContentProps)
                    autoFitColumns
                    autoHeight
                    deselectOnClickOutside
+                    shouldUpdateSong
                    stickyHeader
                    suppressCellFocus
                    suppressHorizontalScroll
                    suppressLoadingOverlay
                    suppressRowDrag
                    columnDefs={columnDefs}
-                    getRowId={(data) => {
-                        // It's possible that there are duplicate song ids in a playlist
-                        return `${data.data.id}-${data.data.pageIndex}`;
-                    }}
+                    getRowId={(data) => `${data.data.id}-${data.data.pageIndex}`}
                    rowClassRules={rowClassRules}
                    rowData={playlistSongData}
                    rowHeight={60}
@@ -5,6 +5,7 @@ import type {
    IDatasource,
    PaginationChangedEvent,
    RowDoubleClickedEvent,
+    RowDragEvent,
 } from '@ag-grid-community/core';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { useQueryClient } from '@tanstack/react-query';
@@ -18,6 +19,7 @@ import {
    LibraryItem,
    PlaylistSongListQuery,
    QueueSong,
+    Song,
    SongListSort,
    SortOrder,
 } from '/@/renderer/api/types';
@@ -44,6 +46,7 @@ import {
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { ListDisplayType } from '/@/renderer/types';
 import { useAppFocus } from '/@/renderer/hooks';
+import { toast } from '/@/renderer/components';

 interface PlaylistDetailContentProps {
    tableRef: MutableRefObject<AgGridReactType | null>;
@@ -138,6 +141,42 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
        [filters, pagination.scrollOffset, playlistId, queryClient, server],
    );

+    const handleDragEnd = useCallback(
+        async (e: RowDragEvent<Song>) => {
+            if (!e.nodes.length) return;
+
+            const trackId = e.node.data?.playlistItemId;
+            if (trackId && e.node.rowIndex !== null && e.overIndex !== e.node.rowIndex) {
+                try {
+                    await api.controller.movePlaylistItem({
+                        apiClientProps: {
+                            server,
+                        },
+                        query: {
+                            endingIndex: e.overIndex,
+                            playlistId,
+                            startingIndex: e.node.rowIndex + 1,
+                            trackId,
+                        },
+                    });
+
+                    setTimeout(() => {
+                        queryClient.invalidateQueries({
+                            queryKey: queryKeys.playlists.songList(server?.id || '', playlistId),
+                        });
+                        e.api.refreshInfiniteCache();
+                    }, 200);
+                } catch (error) {
+                    toast.error({
+                        message: (error as Error).message,
+                        title: `Failed to move song ${e.node.data?.name} to ${e.overIndex}`,
+                    });
+                }
+            }
+        },
+        [playlistId, queryClient, server],
+    );
+
    const handleGridSizeChange = () => {
        if (page.table.autoFit) {
            tableRef?.current?.api?.sizeColumnsToFit();
@@ -240,6 +279,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
                    key={`table-${page.display}-${page.table.rowHeight}-${server?.id}`}
                    ref={tableRef}
                    alwaysShowHorizontalScroll
+                    shouldUpdateSong
                    autoFitColumns={page.table.autoFit}
                    columnDefs={columnDefs}
                    context={{
@@ -254,6 +294,9 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
                    paginationAutoPageSize={isPaginationEnabled}
                    paginationPageSize={pagination.itemsPerPage || 100}
                    rowClassRules={rowClassRules}
+                    rowDragEntireRow={
+                        filters.sortBy === SongListSort.ID && !detailQuery?.data?.rules
+                    }
                    rowHeight={page.table.rowHeight || 40}
                    rowModelType="infinite"
                    onBodyScrollEnd={handleScroll}
@@ -264,6 +307,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
                    onGridSizeChanged={handleGridSizeChange}
                    onPaginationChanged={onPaginationChanged}
                    onRowDoubleClicked={handleRowDoubleClick}
+                    onRowDragEnd={handleDragEnd}
                />
            </VirtualGridAutoSizerContainer>
            {isPaginationEnabled && (
@@ -57,6 +57,11 @@ import i18n from '/@/i18n/i18n';

 const FILTERS = {
    jellyfin: [
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.id', { postProcess: 'titleCase' }),
+            value: SongListSort.ID,
+        },
        {
            defaultOrder: SortOrder.ASC,
            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
@@ -403,6 +408,9 @@ export const PlaylistDetailSongListHeaderFilters = ({
                            compact
                            fw="600"
                            size="md"
+                            tooltip={{
+                                label: t('page.playlist.reorder', { postProcess: 'sentenceCase' }),
+                            }}
                            variant="subtle"
                        >
                            {sortByLabel}
@@ -421,6 +429,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
                        ))}
                    </DropdownMenu.Dropdown>
                </DropdownMenu>
+
                <Divider orientation="vertical" />
                <OrderToggleButton
                    sortOrder={filters.sortOrder || SortOrder.ASC}
@@ -5,6 +5,8 @@ import { Button, Switch, TextInput, toast } from '/@/renderer/components';
 import { useCreatePlaylist } from '/@/renderer/features/playlists/mutations/create-playlist-mutation';
 import { useCurrentServer } from '/@/renderer/store';
 import { useTranslation } from 'react-i18next';
+import { ServerFeature } from '/@/renderer/api/features-types';
+import { hasFeature } from '/@/renderer/api/utils';

 interface SaveAsPlaylistFormProps {
    body: Partial<CreatePlaylistBody>;
@@ -27,13 +29,13 @@ export const SaveAsPlaylistForm = ({
        initialValues: {
            _custom: {
                navidrome: {
-                    public: false,
                    rules: undefined,
                    ...body?._custom?.navidrome,
                },
            },
            comment: body.comment || '',
            name: body.name || '',
+            public: body.public,
        },
    });

@@ -58,7 +60,7 @@ export const SaveAsPlaylistForm = ({
        );
    });

-    const isPublicDisplayed = server?.type === ServerType.NAVIDROME;
+    const isPublicDisplayed = hasFeature(server, ServerFeature.PUBLIC_PLAYLIST);
    const isSubmitDisabled = !form.values.name || mutation.isLoading;

    return (
@@ -73,20 +75,22 @@ export const SaveAsPlaylistForm = ({
                    })}
                    {...form.getInputProps('name')}
                />
-                <TextInput
-                    label={t('form.createPlaylist.input', {
-                        context: 'description',
-                        postProcess: 'titleCase',
-                    })}
-                    {...form.getInputProps('comment')}
-                />
+                {server?.type === ServerType.NAVIDROME && (
+                    <TextInput
+                        label={t('form.createPlaylist.input', {
+                            context: 'description',
+                            postProcess: 'titleCase',
+                        })}
+                        {...form.getInputProps('comment')}
+                    />
+                )}
                {isPublicDisplayed && (
                    <Switch
                        label={t('form.createPlaylist.input', {
                            context: 'public',
                            postProcess: 'titleCase',
                        })}
-                        {...form.getInputProps('_custom.navidrome.public', { type: 'checkbox' })}
+                        {...form.getInputProps('public', { type: 'checkbox' })}
                    />
                )}
                <Group position="right">
@@ -20,6 +20,8 @@ import { queryClient } from '/@/renderer/lib/react-query';
 import { useCurrentServer } from '/@/renderer/store';
 import { useTranslation } from 'react-i18next';
 import i18n from '/@/i18n/i18n';
+import { hasFeature } from '/@/renderer/api/utils';
+import { ServerFeature } from '/@/renderer/api/features-types';

 interface UpdatePlaylistFormProps {
    body: Partial<UpdatePlaylistBody>;
@@ -44,13 +46,13 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                navidrome: {
                    owner: body?._custom?.navidrome?.owner || '',
                    ownerId: body?._custom?.navidrome?.ownerId || '',
-                    public: body?._custom?.navidrome?.public || false,
                    rules: undefined,
                    sync: body?._custom?.navidrome?.sync || false,
                },
            },
            comment: body?.comment || '',
            name: body?.name || '',
+            public: body.public,
        },
    });

@@ -69,13 +71,16 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                    });
                },
                onSuccess: () => {
+                    toast.success({
+                        message: t('form.editPlaylist.success', { postProcess: 'sentenceCase' }),
+                    });
                    onCancel();
                },
            },
        );
    });

-    const isPublicDisplayed = server?.type === ServerType.NAVIDROME;
+    const isPublicDisplayed = hasFeature(server, ServerFeature.PUBLIC_PLAYLIST);
    const isOwnerDisplayed = server?.type === ServerType.NAVIDROME && userList;
    const isSubmitDisabled = !form.values.name || mutation.isLoading;

@@ -91,13 +96,15 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                    })}
                    {...form.getInputProps('name')}
                />
-                <TextInput
-                    label={t('form.createPlaylist.input', {
-                        context: 'description',
-                        postProcess: 'titleCase',
-                    })}
-                    {...form.getInputProps('comment')}
-                />
+                {server?.type === ServerType.NAVIDROME && (
+                    <TextInput
+                        label={t('form.createPlaylist.input', {
+                            context: 'description',
+                            postProcess: 'titleCase',
+                        })}
+                        {...form.getInputProps('comment')}
+                    />
+                )}
                {isOwnerDisplayed && (
                    <Select
                        data={userList || []}
@@ -109,13 +116,22 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                    />
                )}
                {isPublicDisplayed && (
-                    <Switch
-                        label={t('form.createPlaylist.input', {
-                            context: 'public',
-                            postProcess: 'titleCase',
-                        })}
-                        {...form.getInputProps('_custom.navidrome.public', { type: 'checkbox' })}
-                    />
+                    <>
+                        {server?.type === ServerType.JELLYFIN && (
+                            <div>
+                                {t('form.editPlaylist.publicJellyfinNote', {
+                                    postProcess: 'sentenceCase',
+                                })}
+                            </div>
+                        )}
+                        <Switch
+                            label={t('form.createPlaylist.input', {
+                                context: 'public',
+                                postProcess: 'titleCase',
+                            })}
+                            {...form.getInputProps('public', { type: 'checkbox' })}
+                        />
+                    </>
                )}
                <Group position="right">
                    <Button
@@ -175,7 +191,6 @@ export const openUpdatePlaylistModal = async (args: {
                        navidrome: {
                            owner: playlist?.owner || undefined,
                            ownerId: playlist?.ownerId || undefined,
-                            public: playlist?.public || false,
                            rules: playlist?.rules || undefined,
                            sync: playlist?.sync || undefined,
                        },
@@ -183,6 +198,7 @@ export const openUpdatePlaylistModal = async (args: {
                    comment: playlist?.description || undefined,
                    genres: playlist?.genres,
                    name: playlist?.name,
+                    public: playlist?.public || false,
                }}
                query={{ id: playlist?.id }}
                users={users?.items}
@@ -50,13 +50,13 @@ const PlaylistDetailSongListRoute = () => {
                        navidrome: {
                            owner: detailQuery?.data?.owner || '',
                            ownerId: detailQuery?.data?.ownerId || '',
-                            public: detailQuery?.data?.public || false,
                            rules,
                            sync: detailQuery?.data?.sync || false,
                        },
                    },
                    comment: detailQuery?.data?.description || '',
                    name: detailQuery?.data?.name,
+                    public: detailQuery?.data?.public || false,
                },
                serverId: detailQuery?.data?.serverId,
            },
@@ -92,7 +92,6 @@ const PlaylistDetailSongListRoute = () => {
                            navidrome: {
                                owner: detailQuery?.data?.owner || '',
                                ownerId: detailQuery?.data?.ownerId || '',
-                                public: detailQuery?.data?.public || false,
                                rules: {
                                    ...filter,
                                    limit: extraFilters.limit || undefined,
@@ -104,6 +103,7 @@ const PlaylistDetailSongListRoute = () => {
                        },
                        comment: detailQuery?.data?.description || '',
                        name: detailQuery?.data?.name,
+                        public: detailQuery?.data?.public || false,
                    }}
                    serverId={detailQuery?.data?.serverId}
                    onCancel={closeAllModals}
@@ -18,7 +18,7 @@ import { LibraryItem } from '/@/renderer/api/types';
 import { usePlayQueueAdd } from '/@/renderer/features/player';

 interface CommandPaletteProps {
-    modalProps: typeof useDisclosure['arguments'];
+    modalProps: (typeof useDisclosure)['arguments'];
 }

 const CustomModal = styled(Modal)`
@@ -101,6 +101,7 @@ export const SearchContent = ({ tableRef }: SearchContentProps) => {
                getRowId={(data) => data.data.id}
                infiniteInitialRowCount={25}
                rowClassRules={rowClassRules}
+                shouldUpdateSong={itemType === LibraryItem.SONG}
                onRowDoubleClicked={handleRowDoubleClick}
            />
        </VirtualGridAutoSizerContainer>
@@ -0,0 +1,10 @@
+import { Stack } from '@mantine/core';
+import { StylesSettings } from '/@/renderer/features/settings/components/advanced/styles-settings';
+
+export const AdvancedTab = () => {
+    return (
+        <Stack spacing="md">
+            <StylesSettings />
+        </Stack>
+    );
+};
@@ -0,0 +1,126 @@
+import { useState } from 'react';
+import { Button, ConfirmModal, Switch, Text, Textarea } from '/@/renderer/components';
+import { sanitizeCss } from '/@/renderer/utils/sanitize';
+import { Code } from '@mantine/core';
+import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
+import { closeAllModals, openModal } from '@mantine/modals';
+import { useTranslation } from 'react-i18next';
+import { useCssSettings, useSettingsStoreActions } from '/@/renderer/store';
+
+export const StylesSettings = () => {
+    const [open, setOpen] = useState(false);
+    const { t } = useTranslation();
+
+    const { enabled, content } = useCssSettings();
+    const [css, setCss] = useState(content);
+
+    const { setSettings } = useSettingsStoreActions();
+
+    const handleSave = () => {
+        setSettings({
+            css: {
+                content: css,
+                enabled,
+            },
+        });
+    };
+
+    const handleResetToDefault = () => {
+        setSettings({
+            css: {
+                content,
+                enabled: true,
+            },
+        });
+        closeAllModals();
+    };
+
+    const openConfirmModal = () => {
+        openModal({
+            children: (
+                <ConfirmModal onConfirm={handleResetToDefault}>
+                    <Text color="red !important">
+                        {t('setting.customCssNotice', { postProcess: 'sentenceCase' })}
+                    </Text>
+                </ConfirmModal>
+            ),
+            title: t('setting.customCssEnable', { postProcess: 'sentenceCase' }),
+        });
+    };
+
+    return (
+        <>
+            <SettingsOptions
+                control={
+                    <Switch
+                        checked={enabled}
+                        onChange={(e) => {
+                            if (!e.currentTarget.checked) {
+                                setSettings({
+                                    css: {
+                                        content,
+                                        enabled: false,
+                                    },
+                                });
+                            } else {
+                                openConfirmModal();
+                            }
+                        }}
+                    />
+                }
+                description={t('setting.customCssEnable', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.customCssEnable', { postProcess: 'sentenceCase' })}
+            />
+            {enabled && (
+                <>
+                    <SettingsOptions
+                        control={
+                            <>
+                                {open && (
+                                    <Button
+                                        compact
+                                        // disabled={isSaveButtonDisabled}
+                                        variant="filled"
+                                        onClick={handleSave}
+                                    >
+                                        {t('common.save', { postProcess: 'titleCase' })}
+                                    </Button>
+                                )}
+                                <Button
+                                    compact
+                                    variant="filled"
+                                    onClick={() => setOpen(!open)}
+                                >
+                                    {t(open ? 'common.close' : 'common.edit', {
+                                        postProcess: 'titleCase',
+                                    })}
+                                </Button>
+                            </>
+                        }
+                        description={t('setting.customCss', {
+                            context: 'description',
+                            postProcess: 'sentenceCase',
+                        })}
+                        title={t('setting.customCss', { postProcess: 'sentenceCase' })}
+                    />
+                    {open && (
+                        <>
+                            <Textarea
+                                autosize
+                                defaultValue={css}
+                                onBlur={(e) =>
+                                    setCss(sanitizeCss(`<style>${e.currentTarget.value}`))
+                                }
+                            />
+                            <Text>{t('common.preview', { postProcess: 'sentenceCase' })}: </Text>
+                            <Code block>{css}</Code>
+                        </>
+                    )}
+                </>
+            )}
+        </>
+    );
+};
@@ -0,0 +1,25 @@
+import { DraggableItems } from '/@/renderer/features/settings/components/general/draggable-items';
+import { ArtistItem, useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store';
+
+const ARTIST_ITEMS: Array<[ArtistItem, string]> = [
+    [ArtistItem.BIOGRAPHY, 'table.column.biography'],
+    [ArtistItem.TOP_SONGS, 'page.albumArtistDetail.topSongs'],
+    [ArtistItem.RECENT_ALBUMS, 'page.albumArtistDetail.recentReleases'],
+    [ArtistItem.COMPILATIONS, 'page.albumArtistDetail.appearsOn'],
+    [ArtistItem.SIMILAR_ARTISTS, 'page.albumArtistDetail.relatedArtists'],
+];
+
+export const ArtistSettings = () => {
+    const { artistItems } = useGeneralSettings();
+    const { setArtistItems } = useSettingsStoreActions();
+
+    return (
+        <DraggableItems
+            description="setting.artistConfiguration"
+            itemLabels={ARTIST_ITEMS}
+            setItems={setArtistItems}
+            settings={artistItems}
+            title="setting.artistConfiguration"
+        />
+    );
+};
@@ -0,0 +1,58 @@
+import { useTranslation } from 'react-i18next';
+import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
+import { useState } from 'react';
+import { Button, Checkbox } from '/@/renderer/components';
+import { Divider, Stack } from '@mantine/core';
+import {
+    CONFIGURABLE_CONTEXT_MENU_ITEMS,
+    CONTEXT_MENU_ITEM_MAPPING,
+} from '/@/renderer/features/context-menu';
+import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store';
+
+export const ContextMenuSettings = () => {
+    const disabledItems = useSettingsStore((state) => state.general.disabledContextMenu);
+    const { toggleContextMenuItem } = useSettingsStoreActions();
+    const [open, setOpen] = useState(false);
+    const { t } = useTranslation();
+
+    return (
+        <>
+            <SettingsOptions
+                control={
+                    <Button
+                        compact
+                        variant="filled"
+                        onClick={() => setOpen(!open)}
+                    >
+                        {t(open ? 'common.close' : 'common.edit', { postProcess: 'titleCase' })}
+                    </Button>
+                }
+                description={t('setting.contextMenu', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.contextMenu', {
+                    postProcess: 'sentenceCase',
+                })}
+            />
+            {open && (
+                <Stack>
+                    {CONFIGURABLE_CONTEXT_MENU_ITEMS.map((item) => (
+                        <Checkbox
+                            key={item}
+                            checked={!disabledItems[item]}
+                            label={t(
+                                `page.contextMenu.${CONTEXT_MENU_ITEM_MAPPING[item] || item}`,
+                                {
+                                    postProcess: 'sentenceCase',
+                                },
+                            )}
+                            onChange={() => toggleContextMenuItem(item)}
+                        />
+                    ))}
+                </Stack>
+            )}
+            <Divider />
+        </>
+    );
+};
@@ -71,14 +71,15 @@ export const ControlSettings = () => {
                <NumberInput
                    defaultValue={settings.albumArtRes || undefined}
                    max={2500}
-                    min={175}
                    placeholder="0"
                    rightSection="px"
+                    value={settings.albumArtRes ?? 0}
                    width={75}
                    onBlur={(e) => {
-                        const newVal = e.currentTarget.value
-                            ? Math.min(Math.max(Number(e.currentTarget.value), 175), 2500)
-                            : null;
+                        const newVal =
+                            e.currentTarget.value !== '0'
+                                ? Math.min(Math.max(Number(e.currentTarget.value), 175), 2500)
+                                : null;
                        setSettings({ general: { ...settings, albumArtRes: newVal } });
                    }}
                />
@@ -233,6 +234,28 @@ export const ControlSettings = () => {
            isHidden: false,
            title: t('setting.playButtonBehavior', { postProcess: 'sentenceCase' }),
        },
+        {
+            control: (
+                <Switch
+                    aria-label="Whether double clicking a track should queue all matching songs"
+                    defaultChecked={settings.doubleClickQueueAll}
+                    onChange={(e) =>
+                        setSettings({
+                            general: {
+                                ...settings,
+                                doubleClickQueueAll: e.currentTarget.checked,
+                            },
+                        })
+                    }
+                />
+            ),
+            description: t('setting.doubleClickBehavior', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.doubleClickBehavior', { postProcess: 'sentenceCase' }),
+        },
        {
            control: (
                <Select
@@ -300,6 +323,29 @@ export const ControlSettings = () => {
            isHidden: false,
            title: t('setting.volumeWheelStep', { postProcess: 'sentenceCase' }),
        },
+        {
+            control: (
+                <NumberInput
+                    defaultValue={settings.volumeWidth}
+                    max={180}
+                    min={30}
+                    placeholder="0"
+                    rightSection="px"
+                    width={75}
+                    onBlur={(e) => {
+                        setSettings({
+                            general: { ...settings, volumeWidth: Number(e.currentTarget.value) },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.volumeWidth', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.volumeWidth', { postProcess: 'sentenceCase' }),
+        },
        {
            control: (
                <Switch
@@ -421,6 +467,76 @@ export const ControlSettings = () => {
            isHidden: false,
            title: t('setting.homeFeature', { postProcess: 'sentenceCase' }),
        },
+        {
+            control: (
+                <Switch
+                    aria-label={t('setting.albumBackground', { postProcess: 'sentenceCase' })}
+                    defaultChecked={settings.albumBackground}
+                    onChange={(e) =>
+                        setSettings({
+                            general: {
+                                ...settings,
+                                albumBackground: e.currentTarget.checked,
+                            },
+                        })
+                    }
+                />
+            ),
+            description: t('setting.albumBackground', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.albumBackground', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Slider
+                    defaultValue={settings.albumBackgroundBlur}
+                    label={(e) => `${e} rem`}
+                    max={6}
+                    min={0}
+                    step={0.5}
+                    w={100}
+                    onChangeEnd={(e) => {
+                        setSettings({
+                            general: {
+                                ...settings,
+                                albumBackgroundBlur: e,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.albumBackgroundBlur', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.albumBackgroundBlur', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Switch
+                    aria-label={t('setting.playerbarOpenDrawer ', { postProcess: 'sentenceCase' })}
+                    defaultChecked={settings.playerbarOpenDrawer}
+                    onChange={(e) =>
+                        setSettings({
+                            general: {
+                                ...settings,
+                                playerbarOpenDrawer: e.currentTarget.checked,
+                            },
+                        })
+                    }
+                />
+            ),
+            description: t('setting.playerbarOpenDrawer', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.playerbarOpenDrawer', { postProcess: 'sentenceCase' }),
+        },
    ];

    return <SettingsSection options={controlOptions} />;
@@ -107,6 +107,7 @@ export const DraggableItems = <K extends string, T extends SortableItem<K>>({
            {open && (
                <Reorder.Group
                    axis="y"
+                    style={{ userSelect: 'none' }}
                    values={localItems}
                    onReorder={setLocalItems}
                >
@@ -8,6 +8,8 @@ import { CacheSettings } from '/@/renderer/features/settings/components/window/c
 import isElectron from 'is-electron';
 import { HomeSettings } from '/@/renderer/features/settings/components/general/home-settings';
 import { SidebarReorder } from '/@/renderer/features/settings/components/general/sidebar-reorder';
+import { ContextMenuSettings } from '/@/renderer/features/settings/components/general/context-menu-settings';
+import { ArtistSettings } from '/@/renderer/features/settings/components/general/artist-settings';

 export const GeneralTab = () => {
    return (
@@ -16,8 +18,10 @@ export const GeneralTab = () => {
            <ThemeSettings />
            <ControlSettings />
            <HomeSettings />
+            <ArtistSettings />
            <SidebarReorder />
            <SidebarSettings />
+            <ContextMenuSettings />
            {isElectron() && <RemoteSettings />}
            <CacheSettings />
        </Stack>
@@ -34,8 +34,8 @@ export const ThemeSettings = () => {
                                e.currentTarget.checked
                                    ? 'system'
                                    : settings.theme === AppTheme.DEFAULT_DARK
-                                    ? 'dark'
-                                    : 'light',
+                                      ? 'dark'
+                                      : 'light',
                            );
                        }
                    }}
@@ -200,18 +200,21 @@ export const HotkeyManagerSettings = () => {
    );

    const duplicateHotkeyMap = useMemo(() => {
-        const countPerHotkey = Object.values(bindings).reduce((acc, key) => {
-            const hotkey = key.hotkey;
-            if (!hotkey) return acc;
+        const countPerHotkey = Object.values(bindings).reduce(
+            (acc, key) => {
+                const hotkey = key.hotkey;
+                if (!hotkey) return acc;

-            if (acc[hotkey]) {
-                acc[hotkey] += 1;
-            } else {
-                acc[hotkey] = 1;
-            }
+                if (acc[hotkey]) {
+                    acc[hotkey] += 1;
+                } else {
+                    acc[hotkey] = 1;
+                }

-            return acc;
-        }, {} as Record<string, number>);
+                return acc;
+            },
+            {} as Record<string, number>,
+        );

        const duplicateKeys = Object.keys(countPerHotkey).filter((key) => countPerHotkey[key] > 1);

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { SelectItem } from '@mantine/core';
+import { SelectItem, Switch } from '@mantine/core';
 import isElectron from 'is-electron';
 import { Select, Slider, toast } from '/@/renderer/components';
 import {
@@ -10,8 +10,7 @@ import { useCurrentStatus, usePlayerStore } from '/@/renderer/store';
 import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import { PlaybackType, PlayerStatus, PlaybackStyle, CrossfadeStyle } from '/@/renderer/types';
 import { useTranslation } from 'react-i18next';
-
-const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
+import { setQueue } from '/@/renderer/utils/set-transcoded-queue-data';

 const getAudioDevice = async () => {
    const devices = await navigator.mediaDevices.enumerateDevices();
@@ -62,7 +61,7 @@ export const AudioSettings = ({ hasFancyAudio }: { hasFancyAudio: boolean }) =>
                        setSettings({ playback: { ...settings, type: e as PlaybackType } });
                        if (isElectron() && e === PlaybackType.LOCAL) {
                            const queueData = usePlayerStore.getState().actions.getPlayerData();
-                            mpvPlayer!.setQueue(queueData);
+                            setQueue(queueData);
                        }
                    }}
                />
@@ -132,6 +131,27 @@ export const AudioSettings = ({ hasFancyAudio }: { hasFancyAudio: boolean }) =>
                postProcess: 'sentenceCase',
            }),
        },
+        {
+            control: (
+                <Switch
+                    defaultChecked={settings.webAudio}
+                    onChange={(e) => {
+                        setSettings({
+                            playback: { ...settings, webAudio: e.currentTarget.checked },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.webAudio', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: settings.type !== PlaybackType.WEB,
+            note: t('common.restartRequired', { postProcess: 'sentenceCase' }),
+            title: t('setting.webAudio', {
+                postProcess: 'sentenceCase',
+            }),
+        },
        {
            control: (
                <Slider
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
jeffvli	6b0c57998b	Update to v0.8.1	2024-09-03 21:53:19 -07:00
jeffvli	6587e9cac8	Fix invalid DOM prop on playerbar	2024-09-03 21:51:50 -07:00
jeffvli	2e3c69e61c	Fix song index skip when viewing synchronized lyrics	2024-09-03 21:51:18 -07:00
jeffvli	4a8cd63046	Update to v0.8.0	2024-09-02 22:48:52 -07:00
Hosted Weblate	549b53b4a4	Translated using Weblate (Chinese (Simplified Han script)) Currently translated at 100.0% (630 of 630 strings) Translated using Weblate (Chinese (Simplified Han script)) Currently translated at 100.0% (630 of 630 strings) Translated using Weblate (Chinese (Simplified Han script)) Currently translated at 100.0% (630 of 630 strings) Translated using Weblate (Chinese (Simplified)) Currently translated at 100.0% (610 of 610 strings) Translated using Weblate (Chinese (Simplified)) Currently translated at 100.0% (595 of 595 strings) Co-authored-by: ENDzZ <godzmichael@outlook.com> Co-authored-by: Hosted Weblate <hosted@weblate.org> Co-authored-by: Shawn <xiaxinx@gmail.com> Co-authored-by: 無情天 <kofzhanganguo@126.com> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/zh_Hans/ Translation: feishin/Translation	2024-09-03 05:31:30 +00:00
Hosted Weblate	f33d13f574	Translated using Weblate (French) Currently translated at 100.0% (593 of 593 strings) Co-authored-by: Dylan MONTIGAUD <dylanmontigaud17@gmail.com> Co-authored-by: Hosted Weblate <hosted@weblate.org> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/fr/ Translation: feishin/Translation	2024-09-03 05:31:29 +00:00
Hosted Weblate	4da51a16c9	Translated using Weblate (Spanish) Currently translated at 100.0% (630 of 630 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (622 of 622 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (612 of 612 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (610 of 610 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (604 of 604 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (602 of 602 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (602 of 602 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (602 of 602 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (599 of 599 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (597 of 597 strings) Translated using Weblate (Spanish) Currently translated at 100.0% (595 of 595 strings) Co-authored-by: Fordas <fordas15@gmail.com> Co-authored-by: Hosted Weblate <hosted@weblate.org> Co-authored-by: gallegonovato <fran-carro@hotmail.es> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/es/ Translation: feishin/Translation	2024-09-03 05:31:29 +00:00
Hosted Weblate	8d138ff974	Translated using Weblate (Dutch) Currently translated at 40.1% (245 of 610 strings) Translated using Weblate (Dutch) Currently translated at 40.1% (245 of 610 strings) Translated using Weblate (Dutch) Currently translated at 40.0% (244 of 610 strings) Translated using Weblate (Dutch) Currently translated at 40.7% (244 of 599 strings) Co-authored-by: Hosted Weblate <hosted@weblate.org> Co-authored-by: Idris Saklou <idrissaklou@hotmail.com> Co-authored-by: Joren Vansteenkiste <vansteenkiste.joren@telenet.be> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/nl/ Translation: feishin/Translation	2024-09-03 05:31:28 +00:00
Hosted Weblate	9373937436	Translated using Weblate (Czech) Currently translated at 100.0% (630 of 630 strings) Translated using Weblate (Czech) Currently translated at 100.0% (621 of 621 strings) Translated using Weblate (Czech) Currently translated at 100.0% (612 of 612 strings) Translated using Weblate (Czech) Currently translated at 100.0% (610 of 610 strings) Translated using Weblate (Czech) Currently translated at 100.0% (604 of 604 strings) Translated using Weblate (Czech) Currently translated at 100.0% (599 of 599 strings) Translated using Weblate (Czech) Currently translated at 100.0% (595 of 595 strings) Co-authored-by: Fjuro <fjuro@alius.cz> Co-authored-by: Hosted Weblate <hosted@weblate.org> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/cs/ Translation: feishin/Translation	2024-09-03 05:31:27 +00:00
Hosted Weblate	46bbe6b95f	Translated using Weblate (German) Currently translated at 88.2% (525 of 595 strings) Co-authored-by: Hosted Weblate <hosted@weblate.org> Co-authored-by: elia <me@elia.li> Translate-URL: https://hosted.weblate.org/projects/feishin/translation/de/ Translation: feishin/Translation	2024-09-03 05:31:26 +00:00
Kendall Garner	56c229a5e0	[slightly less scuffed bugfix]: Update table rating/favorite when updated anywhere … (#707 ) * [scuffed bugfix]: Update table rating/favorite when updated anywhere else Modify player store to have temporary state for favorite/rating update Add effect handler for `virtual-table` to update rating/favorite for players Note that this does not handle song grid view. Using a similar handler for gird view did not work, as it appeared to result in inconsistent state. Finally, this is probably not the optimal solution. Performance appears fine for ~20k items, but no guarantees. * restore should update song * update song rating/favorite/played everywhere except playlist * special rule for playlists * use iterator instead	2024-09-02 22:31:20 -07:00
Kendall Garner	9d44f0fc08	[bugfix]: don't be loading if top songs disabled	2024-09-02 19:26:47 -07:00
Benjamin	903d1479a4	adjust rules for user selection (#723 )	2024-09-03 00:48:52 +00:00
Kendall Garner	7299bcefb2	Merge branch 'development' of github.com:jeffvli/feishin into development	2024-09-02 10:57:21 -07:00
Kendall Garner	6b7c69e90a	fix seeking between 0-1 seconds	2024-09-02 10:56:46 -07:00
dependabot[bot]	4601838afe	Bump electron-updater in the npm_and_yarn group across 1 directory Bumps the npm_and_yarn group with 1 update in the / directory: [electron-updater](https://github.com/electron-userland/electron-builder/tree/HEAD/packages/electron-updater). Updates `electron-updater` from 6.3.0 to 6.3.1 - [Release notes](https://github.com/electron-userland/electron-builder/releases) - [Changelog](https://github.com/electron-userland/electron-builder/blob/master/packages/electron-updater/CHANGELOG.md) - [Commits](https://github.com/electron-userland/electron-builder/commits/electron-updater@6.3.1/packages/electron-updater) --- updated-dependencies: - dependency-name: electron-updater dependency-type: direct:production dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2024-09-01 17:09:50 -07:00
Kendall Garner	f7dd634f67	reorder album artist page	2024-09-01 16:48:43 -07:00
Pyx	eb50c69a35	Album blur, allow clicking the playerbar to toggle the player, misc changes (#717 ) * Album blur, allow clicking the playerbar to toggle the player * Fix stopProporagion, sync package with upsteam, update translation * recommit my existing changes * Update default albumBackgroundBlur to 6 * according to git this commit resets the package files * merge with our fork because pyx forgot to add it * try adding a setting * change the playerbar animation * make the animation quicker bc its choppy * change playerbar to use a bool instead * requested opacity fix * Refactor classes to use clsx --------- Co-authored-by: iiPython <ben@iipython.dev> Co-authored-by: Jeff <42182408+jeffvli@users.noreply.github.com>	2024-09-01 23:42:01 +00:00
Kendall Garner	b93ad40571	Merge pull request #720 from pyxfluff/patch-1 Add play count to albums	2024-09-01 12:50:19 -07:00
Kendall Garner	748db032c7	add translation	2024-09-01 12:48:11 -07:00
Kendall Garner	80931d1b19	jellyfin random play filter	2024-09-01 12:25:50 -07:00
Kendall Garner	93377dcc4f	fix jellyfin playlists, add is public	2024-09-01 09:37:37 -07:00
Kendall Garner	528bef01f0	provide transcoding support	2024-09-01 08:26:30 -07:00
Kendall Garner	da95a644c8	upgrade webpack	2024-08-29 21:42:44 -07:00
Pyx	f5a04980a4	Add play count to albums	2024-08-29 23:03:00 -04:00
Kendall Garner	93055b3bf1	allow disabling web audio	2024-08-29 19:44:24 -07:00
Kendall Garner	e68847f50a	slightly better error handling	2024-08-27 21:27:49 -07:00
Kendall Garner	43fe1a235e	fix context menu original item	2024-08-27 21:21:44 -07:00
Kendall Garner	62c372d0c7	dont't move to 0 when removing current item from queue	2024-08-27 21:14:08 -07:00
Kendall Garner	279842b894	bump node mpv	2024-08-27 20:11:08 -07:00
Kendall Garner	6125901023	[enhancement]: custom css	2024-08-27 08:26:34 -07:00
Kendall Garner	004c9a8d06	allow hiding context menu items	2024-08-26 21:35:12 -07:00
Kendall Garner	f746114041	increase metadata size of library header	2024-08-26 20:26:37 -07:00
Kendall Garner	9f4861a78a	use context menu instead of button	2024-08-25 22:17:11 -07:00
Kendall Garner	32b984a18b	add playlist context menu button to sidebar	2024-08-25 22:08:07 -07:00
Kendall Garner	8a8542ddb1	simplify disc/subtitle for album list	2024-08-25 21:34:43 -07:00
Kendall Garner	b41a1a8b15	[bugfix]: properly update song when restoring queue	2024-08-25 20:02:44 -07:00
Kendall Garner	9923c021fa	better album dates	2024-08-25 19:52:44 -07:00
Kendall Garner	8c929d0dc3	fixed size for different sizes	2024-08-25 18:07:51 -07:00
Kendall Garner	fb1e33fad5	autosize library item text	2024-08-25 17:50:46 -07:00
Kendall Garner	c4677a63f6	[enhancement]: allow downloading individual tracks for external use	2024-08-25 17:11:24 -07:00
Kendall Garner	10fca2dc12	enable reordering non-smart playlists	2024-08-25 15:21:56 -07:00
Kendall Garner	0b383b758e	support collapsing shared playlists	2024-08-24 21:09:44 -07:00
Kendall Garner	ccb6f2c8b0	very niche error handling for no audio device id but still have error checking	2024-08-24 20:36:04 -07:00
Kendall Garner	a44071fedd	add error checking for set sink id (case of no devices at all)	2024-08-24 20:13:30 -07:00
Kendall Garner	b527d579fd	Revert upgrade of discord-rpc Some horrible magic can result in this upgrade causing compiler errors. No idea why.	2024-08-24 15:22:55 -07:00
Kendall Garner	5b2977e5e8	[enhancement]: support viewing current/setting current time in remote	2024-08-24 13:26:45 -07:00
Kendall Garner	b347b794b9	fix micromatch	2024-08-23 19:54:39 -07:00
Kendall Garner	ad81790c90	add more places for share in context menu	2024-08-23 19:53:40 -07:00
Kendall Garner	906ffee8bc	thanks discord [support changing listen type]	2024-08-23 10:34:18 -07:00
Kendall Garner	284db988c9	[enhancement]: use discord activity type listening	2024-08-23 08:27:40 -07:00
Kendall Garner	271be93a96	fix prettier/lint	2024-08-23 08:19:27 -07:00
Kendall Garner	121b036aaf	bump i18next-parser	2024-08-23 08:00:59 -07:00
Kendall Garner	028ccfb1cd	fix album art res 0 and allow resizing volume bar	2024-08-22 21:57:58 -07:00
Kendall Garner	37b0407188	simplify webaudio replaygain to reduce pop-in	2024-08-21 23:04:37 -07:00
Kendall Garner	616fd45734	add minimum duration check for crossfade	2024-08-21 22:47:35 -07:00
Kendall Garner	a537642990	[bugfix]: set index to current track when unshuffling	2024-08-20 19:10:05 -07:00
Kendall Garner	9c6abcb32c	Use break-word over break-all	2024-08-20 16:35:08 +00:00
Kendall Garner	af69a58418	[bugfix]: use chrome-specific implementation for web audio sink	2024-08-19 22:38:51 -07:00
Kendall Garner	ebebdc1e03	forcefully break long lines	2024-08-19 22:12:32 -07:00
Kendall Garner	7d185f6563	clarify text	2024-08-19 22:02:54 -07:00
Kendall Garner	88741a8616	add ability to configure double click behavior	2024-08-19 21:56:55 -07:00
Kendall Garner	94edda1856	better handling of grid refresh	2024-08-19 21:36:56 -07:00
Kendall Garner	886786d428	[enhancement]: add background opacity to buttons in full screen player	2024-08-19 19:03:19 -07:00
Kendall Garner	e4ca0164fa	[bugfix]: Jellyfin do not force width = height for images	2024-08-15 23:35:29 -07:00
Jeff	08db18359a	Merge pull request #687 from jeffvli/dependabot/npm_and_yarn/npm_and_yarn-bb2c7e2e3f Bump electron-updater from 4.6.5 to 6.3.0 in the npm_and_yarn group across 1 directory	2024-07-30 11:53:25 -07:00
dependabot[bot]	6daba77bae	Bump electron-updater in the npm_and_yarn group across 1 directory Bumps the npm_and_yarn group with 1 update in the / directory: [electron-updater](https://github.com/electron-userland/electron-builder/tree/HEAD/packages/electron-updater). Updates `electron-updater` from 4.6.5 to 6.3.0 - [Release notes](https://github.com/electron-userland/electron-builder/releases) - [Changelog](https://github.com/electron-userland/electron-builder/blob/master/packages/electron-updater/CHANGELOG.md) - [Commits](https://github.com/electron-userland/electron-builder/commits/electron-updater@6.3.0/packages/electron-updater) --- updated-dependencies: - dependency-name: electron-updater dependency-type: direct:production dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2024-07-30 10:19:42 +00:00