npm - muzical-ui - Versions diffs - 0.1.13 → 0.1.14 - Mend

muzical-ui 0.1.13 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/.next/standalone/.next/server/app/settings/playback.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0ps~ft3qx-shn.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/04-q~k1s4h2o9.js"/><script src="/_next/static/chunks/0i849itgt0bfo.js" async=""></script><script src="/_next/static/chunks/14z_1xu7t6lay.js" async=""></script><script src="/_next/static/chunks/0uezeykgodd86.js" async=""></script><script src="/_next/static/chunks/turbopack-0ctpbjx-g6dyl.js" async=""></script><script src="/_next/static/chunks/00bzw__-m1fpe.js" async=""></script><script src="/_next/static/chunks/05329099kf0o5.js" async=""></script><script src="/_next/static/chunks/0n~v8~rri7~t2.js" async=""></script><script src="/_next/static/chunks/0c5m3gpe71ppi.js" async=""></script><script src="/_next/static/chunks/0dusa1wc1mnfl.js" async=""></script><script src="/_next/static/chunks/03f3hyhv4x63v.js" async=""></script><meta name="next-size-adjust" content=""/><title>Playback · Settings · Muzical</title><meta name="description" content="Playback preferences for Muzical"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground"><div hidden=""><!--$--><!--/$--></div><script>(self.__next_s=self.__next_s\|\|[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\"amber\");}}catch(e){}})();","id":"app-init"}])</script><div class="flex min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-zinc-100 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"><header class="flex shrink-0 items-center justify-between gap-4 border-b border-zinc-200 bg-white/90 px-6 py-4 backdrop-blur-sm dark:border-zinc-800/80 dark:bg-zinc-950/90"><div class="flex min-w-0 items-center gap-3"><a class="shrink-0 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300 dark:hover:bg-zinc-800" href="/">← Player</a><div class="min-w-0"><h1 class="truncate text-sm font-semibold tracking-tight">Settings</h1><p class="truncate text-xs text-zinc-500">Configure Muzical on this device.</p></div></div><button type="button" aria-label="Switch to dark theme" class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 shadow-sm transition hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300 dark:shadow-none dark:hover:border-zinc-500 dark:hover:bg-zinc-700 dark:hover:text-zinc-50"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-[18px] w-[18px]"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></button></header><div class="flex min-h-0 w-full flex-1 overflow-hidden"><aside class="hidden w-36 shrink-0 border-r border-zinc-200 px-3 py-6 dark:border-zinc-800/80 sm:block"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></aside><div class="flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overscroll-contain"><div class="mb-4 px-4 pt-4 sm:hidden"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></div><div class="px-4 pb-6 pt-1 sm:px-6 sm:pb-8 sm:pt-6"><div class="flex flex-col gap-8"><div><h2 class="text-lg font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">Playback</h2><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Defaults for the player and how Muzical resumes between sessions on this device.</p></div><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Remember last track and queue</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, your queue order, current track, and playhead position are restored the next time you open Muzical (tracks must still exist in the library).</p></div><button type="button" role="switch" aria-checked="false" aria-label="Remember last track and queue" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Defaults</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Applied when Muzical loads and when you use the player controls.</p><div class="mt-6 flex flex-col gap-6 sm:flex-row sm:flex-wrap sm:items-end"><label class="block min-w-0 flex-1 sm:max-w-xs"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default repeat mode</span><select class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Default repeat mode"><option value="off">Off</option><option value="all" selected="">Queue</option><option value="one">One</option></select></label><label class="block min-w-0 flex-1 sm:max-w-xs"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default playback speed</span><select class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Default playback speed"><option value="0.5">0.5×</option><option value="0.75">0.75×</option><option value="1" selected="">1×</option><option value="1.25">1.25×</option><option value="1.5">1.5×</option><option value="2">2×</option></select></label></div><div class="mt-6 border-t border-zinc-200 pt-6 dark:border-zinc-800"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default shuffle</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Start with shuffle enabled when you open Muzical.</p></div><button type="button" role="switch" aria-checked="false" aria-label="Default shuffle" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Volume</h3><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Remember volume</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Restore the last volume level you used on this device.</p></div><button type="button" role="switch" aria-checked="false" aria-label="Remember volume" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Seek bar keyboard</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Step sizes when the seek bar is focused (arrow keys and Page Up / Page Down).</p><div class="mt-6 flex flex-col gap-6 sm:flex-row sm:flex-wrap"><label class="block min-w-0"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Small step (seconds)</span><input type="number" min="1" max="120" class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Seek small step in seconds" value="5"/></label><label class="block min-w-0"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Large step (seconds)</span><input type="number" min="1" max="600" class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Seek large step in seconds" value="30"/></label></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Auto-advance on track end</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, playback continues to the next track (or wraps the queue when repeat all is on). When disabled, playback stops when the current track ends unless repeat one is active.</p></div><button type="button" role="switch" aria-checked="true" aria-label="Auto-advance on track end" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-accent-500"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-5"></span></button></div></section></div><!--$--><!--/$--></div></div></div></div></div></div><script src="/_next/static/chunks/04-q~k1s4h2o9.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2263,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"\"]\n3:I[80492,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ThemeProvider\"]\n4:I[97446,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"AccentProvider\"]\n5:I[20498,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"PlaybackPreferencesProvider\"]\n6:I[40911,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"YoutubePreferencesProvider\"]\n7:I[70487,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"LibraryProvider\"]\n8:I[5233,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\n9:I[73632,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\na:I[85876,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\"],\"default\"]\nb:I[18972,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"/_next/static/chunks/03f3hyhv4x63v.js\"],\"default\"]\nc:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\n10:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ViewportBoundary\"]\n14:I[51709,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"settings\",\"playback\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"settings\",{\"children\":[\"playback\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00bzw__-m1fpe.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05329099kf0o5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"app-init\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var t=localStorage.getItem(\\\"muzical-theme\\\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\\\"muzical.accent\\\");var ids=[\\\"amber\\\",\\\"orange\\\",\\\"rose\\\",\\\"red\\\",\\\"violet\\\",\\\"blue\\\",\\\"teal\\\",\\\"emerald\\\",\\\"custom\\\"];var shades=[\\\"50\\\",\\\"200\\\",\\\"300\\\",\\\"400\\\",\\\"500\\\",\\\"600\\\",\\\"700\\\",\\\"800\\\",\\\"900\\\",\\\"950\\\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\\\"muzical.accentCustomPalette\\\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\\\"amber\\\");}}catch(e){}})();\"}}],[\"$\",\"div\",null,{\"className\":\"flex min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"flex h-full min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lb\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/03f3hyhv4x63v.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,null]},null,false,\"$@f\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],\"$L12\",\"$L13\"]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[\"$L15\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6R8dLcmFAc7AeUCNbCJAA\"}\n"])</script><script>self.__next_f.push([1,"17:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"MetadataBoundary\"]\n16:[]\nf:\"$W16\"\n12:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L18\"}]}]}]\n13:[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"19:I[31415,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"IconMark\"]\ne:null\n18:[[\"$\",\"title\",\"0\",{\"children\":\"Playback · Settings · Muzical\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Playback preferences for Muzical\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L19\",\"3\",{}]]\n"])</script></body></html>
1	+ <!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0ps~ft3qx-shn.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/04-q~k1s4h2o9.js"/><script src="/_next/static/chunks/0i849itgt0bfo.js" async=""></script><script src="/_next/static/chunks/14z_1xu7t6lay.js" async=""></script><script src="/_next/static/chunks/0uezeykgodd86.js" async=""></script><script src="/_next/static/chunks/turbopack-0ctpbjx-g6dyl.js" async=""></script><script src="/_next/static/chunks/00bzw__-m1fpe.js" async=""></script><script src="/_next/static/chunks/05329099kf0o5.js" async=""></script><script src="/_next/static/chunks/0n~v8~rri7~t2.js" async=""></script><script src="/_next/static/chunks/0c5m3gpe71ppi.js" async=""></script><script src="/_next/static/chunks/0dusa1wc1mnfl.js" async=""></script><script src="/_next/static/chunks/03f3hyhv4x63v.js" async=""></script><meta name="next-size-adjust" content=""/><title>Playback · Settings · Muzical</title><meta name="description" content="Playback preferences for Muzical"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground"><div hidden=""><!--$--><!--/$--></div><script>(self.__next_s=self.__next_s\|\|[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\"amber\");}}catch(e){}})();","id":"app-init"}])</script><div class="flex min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-zinc-100 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"><header class="flex shrink-0 items-center justify-between gap-4 border-b border-zinc-200 bg-white/90 px-6 py-4 backdrop-blur-sm dark:border-zinc-800/80 dark:bg-zinc-950/90"><div class="flex min-w-0 items-center gap-3"><a class="shrink-0 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300 dark:hover:bg-zinc-800" href="/">← Player</a><div class="min-w-0"><h1 class="truncate text-sm font-semibold tracking-tight">Settings</h1><p class="truncate text-xs text-zinc-500">Configure Muzical on this device.</p></div></div><button type="button" aria-label="Switch to dark theme" class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 shadow-sm transition hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300 dark:shadow-none dark:hover:border-zinc-500 dark:hover:bg-zinc-700 dark:hover:text-zinc-50"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-[18px] w-[18px]"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></button></header><div class="flex min-h-0 w-full flex-1 overflow-hidden"><aside class="hidden w-36 shrink-0 border-r border-zinc-200 px-3 py-6 dark:border-zinc-800/80 sm:block"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></aside><div class="flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overscroll-contain"><div class="mb-4 px-4 pt-4 sm:hidden"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></div><div class="px-4 pb-6 pt-1 sm:px-6 sm:pb-8 sm:pt-6"><div class="flex flex-col gap-8"><div><h2 class="text-lg font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">Playback</h2><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Defaults for the player and how Muzical resumes between sessions on this device.</p></div><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Remember last track and queue</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, your queue order, current track, and playhead position are restored the next time you open Muzical (tracks must still exist in the library).</p></div><button type="button" role="switch" aria-checked="false" aria-label="Remember last track and queue" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Defaults</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Applied when Muzical loads and when you use the player controls.</p><div class="mt-6 flex flex-col gap-6 sm:flex-row sm:flex-wrap sm:items-end"><label class="block min-w-0 flex-1 sm:max-w-xs"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default repeat mode</span><select class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Default repeat mode"><option value="off">Off</option><option value="all" selected="">Queue</option><option value="one">One</option></select></label><label class="block min-w-0 flex-1 sm:max-w-xs"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default playback speed</span><select class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Default playback speed"><option value="0.5">0.5×</option><option value="0.75">0.75×</option><option value="1" selected="">1×</option><option value="1.25">1.25×</option><option value="1.5">1.5×</option><option value="2">2×</option></select></label></div><div class="mt-6 border-t border-zinc-200 pt-6 dark:border-zinc-800"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Default shuffle</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Start with shuffle enabled when you open Muzical.</p></div><button type="button" role="switch" aria-checked="false" aria-label="Default shuffle" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Volume</h3><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Remember volume</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Restore the last volume level you used on this device.</p></div><button type="button" role="switch" aria-checked="false" aria-label="Remember volume" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-zinc-300 dark:bg-zinc-600"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-0"></span></button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Seek bar keyboard</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Step sizes when the seek bar is focused (arrow keys and Page Up / Page Down).</p><div class="mt-6 flex flex-col gap-6 sm:flex-row sm:flex-wrap"><label class="block min-w-0"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Small step (seconds)</span><input type="number" min="1" max="120" class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Seek small step in seconds" value="5"/></label><label class="block min-w-0"><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Large step (seconds)</span><input type="number" min="1" max="600" class="mt-2 block w-full max-w-xs rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Seek large step in seconds" value="30"/></label></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Auto-advance on track end</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, playback continues to the next track (or wraps the queue when repeat all is on). When disabled, playback stops when the current track ends unless repeat one is active.</p></div><button type="button" role="switch" aria-checked="true" aria-label="Auto-advance on track end" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-accent-500"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-5"></span></button></div></section></div><!--$--><!--/$--></div></div></div></div></div></div><script src="/_next/static/chunks/04-q~k1s4h2o9.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2263,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"\"]\n3:I[80492,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ThemeProvider\"]\n4:I[97446,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"AccentProvider\"]\n5:I[20498,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"PlaybackPreferencesProvider\"]\n6:I[40911,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"YoutubePreferencesProvider\"]\n7:I[70487,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"LibraryProvider\"]\n8:I[5233,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\n9:I[73632,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\na:I[85876,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\"],\"default\"]\nb:I[18972,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"/_next/static/chunks/03f3hyhv4x63v.js\"],\"default\"]\nc:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\n10:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ViewportBoundary\"]\n14:I[51709,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"settings\",\"playback\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"settings\",{\"children\":[\"playback\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00bzw__-m1fpe.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05329099kf0o5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"app-init\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var t=localStorage.getItem(\\\"muzical-theme\\\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\\\"muzical.accent\\\");var ids=[\\\"amber\\\",\\\"orange\\\",\\\"rose\\\",\\\"red\\\",\\\"violet\\\",\\\"blue\\\",\\\"teal\\\",\\\"emerald\\\",\\\"custom\\\"];var shades=[\\\"50\\\",\\\"200\\\",\\\"300\\\",\\\"400\\\",\\\"500\\\",\\\"600\\\",\\\"700\\\",\\\"800\\\",\\\"900\\\",\\\"950\\\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\\\"muzical.accentCustomPalette\\\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\\\"amber\\\");}}catch(e){}})();\"}}],[\"$\",\"div\",null,{\"className\":\"flex min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"flex h-full min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lb\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/03f3hyhv4x63v.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,null]},null,false,\"$@f\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],\"$L12\",\"$L13\"]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[\"$L15\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"wtr8iSQMkGBfaJ1Xulser\"}\n"])</script><script>self.__next_f.push([1,"17:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"MetadataBoundary\"]\n16:[]\nf:\"$W16\"\n12:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L18\"}]}]}]\n13:[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"19:I[31415,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"IconMark\"]\ne:null\n18:[[\"$\",\"title\",\"0\",{\"children\":\"Playback · Settings · Muzical\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Playback preferences for Muzical\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L19\",\"3\",{}]]\n"])</script></body></html>

package/.next/standalone/.next/server/app/settings/playback.rsc CHANGED Viewed

@@ -16,7 +16,7 @@ d:"$Sreact.suspense"
 :HL["/_next/static/chunks/0ps~ft3qx-shn.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"P":null,"c":["","settings","playback"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["playback",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"P":null,"c":["","settings","playback"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["playback",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"wtr8iSQMkGBfaJ1Xulser"}
 17:I[83775,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"MetadataBoundary"]
 16:[]
 f:"$W16"

package/.next/standalone/.next/server/app/settings/playback.segments/_full.segment.rsc CHANGED Viewed

@@ -16,7 +16,7 @@ d:"$Sreact.suspense"
 :HL["/_next/static/chunks/0ps~ft3qx-shn.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"P":null,"c":["","settings","playback"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["playback",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"P":null,"c":["","settings","playback"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["playback",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"wtr8iSQMkGBfaJ1Xulser"}
 17:I[83775,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"MetadataBoundary"]
 16:[]
 f:"$W16"

package/.next/standalone/.next/server/app/settings/playback.segments/_head.segment.rsc CHANGED Viewed

@@ -3,4 +3,4 @@
 3:I[83775,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"MetadataBoundary"]
 4:"$Sreact.suspense"
 5:I[31415,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"IconMark"]
-0:{"rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L3",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"Playback · Settings · Muzical"}],["$","meta","1",{"name":"description","content":"Playback preferences for Muzical"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0x3dzn~oxb6tn.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L5","3",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L3",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"Playback · Settings · Muzical"}],["$","meta","1",{"name":"description","content":"Playback preferences for Muzical"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0x3dzn~oxb6tn.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L5","3",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"wtr8iSQMkGBfaJ1Xulser"}

package/.next/standalone/.next/server/app/settings/playback.segments/_index.segment.rsc CHANGED Viewed

@@ -8,4 +8,4 @@
 8:I[5233,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
 9:I[73632,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
 :HL["/_next/static/chunks/0ps~ft3qx-shn.css","style"]
-0:{"rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","template":["$","$L9",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]}]}]}]}]]}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","template":["$","$L9",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]}]}]}]}]]}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"wtr8iSQMkGBfaJ1Xulser"}

package/.next/standalone/.next/server/app/settings/playback.segments/_tree.segment.rsc CHANGED Viewed

@@ -1,4 +1,4 @@
 :HL["/_next/static/chunks/0ps~ft3qx-shn.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"tree":{"name":"","param":null,"prefetchHints":16,"slots":{"children":{"name":"settings","param":null,"prefetchHints":0,"slots":{"children":{"name":"playback","param":null,"prefetchHints":0,"slots":{"children":{"name":"__PAGE__","param":null,"prefetchHints":0,"slots":null}}}}}}},"staleTime":300,"buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"tree":{"name":"","param":null,"prefetchHints":16,"slots":{"children":{"name":"settings","param":null,"prefetchHints":0,"slots":{"children":{"name":"playback","param":null,"prefetchHints":0,"slots":{"children":{"name":"__PAGE__","param":null,"prefetchHints":0,"slots":null}}}}}}},"staleTime":300,"buildId":"wtr8iSQMkGBfaJ1Xulser"}

package/.next/standalone/.next/server/app/settings/playback.segments/settings/playback/__PAGE__.segment.rsc CHANGED Viewed

@@ -2,5 +2,5 @@
 2:I[18972,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js","/_next/static/chunks/0dusa1wc1mnfl.js","/_next/static/chunks/03f3hyhv4x63v.js"],"default"]
 3:I[83775,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"OutletBoundary"]
 4:"$Sreact.suspense"
-0:{"rsc":["$","$1","c",{"children":[["$","$L2",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true}]],["$","$L3",null,{"children":["$","$4",null,{"name":"Next.MetadataOutlet","children":"$@5"}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"rsc":["$","$1","c",{"children":[["$","$L2",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/03f3hyhv4x63v.js","async":true}]],["$","$L3",null,{"children":["$","$4",null,{"name":"Next.MetadataOutlet","children":"$@5"}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"wtr8iSQMkGBfaJ1Xulser"}
 5:null

package/.next/standalone/.next/server/app/settings/playback.segments/settings/playback.segment.rsc CHANGED Viewed

@@ -2,4 +2,4 @@
 2:I[5233,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
 3:I[73632,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
 4:[]
-0:{"rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"isPartial":false,"staleTime":300,"varyParams":"$W4","buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"isPartial":false,"staleTime":300,"varyParams":"$W4","buildId":"wtr8iSQMkGBfaJ1Xulser"}

package/.next/standalone/.next/server/app/settings/playback.segments/settings.segment.rsc CHANGED Viewed

@@ -2,4 +2,4 @@
 2:I[85876,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js","/_next/static/chunks/0dusa1wc1mnfl.js"],"default"]
 3:I[5233,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
 4:I[73632,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"default"]
-0:{"rsc":["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","template":["$","$L4",null,{}]}]}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"rsc":["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","template":["$","$L4",null,{}]}]}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"wtr8iSQMkGBfaJ1Xulser"}

package/.next/standalone/.next/server/app/settings/youtube.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0ps~ft3qx-shn.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/04-q~k1s4h2o9.js"/><script src="/_next/static/chunks/0i849itgt0bfo.js" async=""></script><script src="/_next/static/chunks/14z_1xu7t6lay.js" async=""></script><script src="/_next/static/chunks/0uezeykgodd86.js" async=""></script><script src="/_next/static/chunks/turbopack-0ctpbjx-g6dyl.js" async=""></script><script src="/_next/static/chunks/00bzw__-m1fpe.js" async=""></script><script src="/_next/static/chunks/05329099kf0o5.js" async=""></script><script src="/_next/static/chunks/0n~v8~rri7~t2.js" async=""></script><script src="/_next/static/chunks/0c5m3gpe71ppi.js" async=""></script><script src="/_next/static/chunks/0dusa1wc1mnfl.js" async=""></script><script src="/_next/static/chunks/073k~no118gmz.js" async=""></script><meta name="next-size-adjust" content=""/><title>YouTube · Settings · Muzical</title><meta name="description" content="YouTube Data API configuration for Muzical"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground"><div hidden=""><!--$--><!--/$--></div><script>(self.__next_s=self.__next_s\|\|[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\"amber\");}}catch(e){}})();","id":"app-init"}])</script><div class="flex min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-zinc-100 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"><header class="flex shrink-0 items-center justify-between gap-4 border-b border-zinc-200 bg-white/90 px-6 py-4 backdrop-blur-sm dark:border-zinc-800/80 dark:bg-zinc-950/90"><div class="flex min-w-0 items-center gap-3"><a class="shrink-0 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300 dark:hover:bg-zinc-800" href="/">← Player</a><div class="min-w-0"><h1 class="truncate text-sm font-semibold tracking-tight">Settings</h1><p class="truncate text-xs text-zinc-500">Configure Muzical on this device.</p></div></div><button type="button" aria-label="Switch to dark theme" class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 shadow-sm transition hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300 dark:shadow-none dark:hover:border-zinc-500 dark:hover:bg-zinc-700 dark:hover:text-zinc-50"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-[18px] w-[18px]"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></button></header><div class="flex min-h-0 w-full flex-1 overflow-hidden"><aside class="hidden w-36 shrink-0 border-r border-zinc-200 px-3 py-6 dark:border-zinc-800/80 sm:block"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></aside><div class="flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overscroll-contain"><div class="mb-4 px-4 pt-4 sm:hidden"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></div><div class="px-4 pb-6 pt-1 sm:px-6 sm:pb-8 sm:pt-6"><div class="flex flex-col gap-8"><div><h2 class="text-lg font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">YouTube</h2><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">MusicBrainz tracks stream via YouTube. An optional Data API key resolves videos reliably; without a key or if quota is exceeded, Muzical falls back to in-player search.</p></div><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">API key</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Create a key in the<!-- --> <a href="https://console.cloud.google.com/apis/credentials" target="_blank" rel="noopener noreferrer" class="font-medium text-accent-700 underline decoration-accent-500/40 underline-offset-2 hover:text-accent-600 dark:text-accent-400">Google Cloud Console</a> <!-- -->with the YouTube Data API v3 enabled. The key is stored only in this browser.</p><label class="mt-4 block"><span class="sr-only">YouTube Data API key</span><input type="password" autoComplete="off" spellCheck="false" placeholder="AIza…" class="w-full rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-2.5 font-mono text-sm text-zinc-900 outline-none ring-accent-500/30 placeholder:text-zinc-400 focus:border-accent-500/50 focus:ring-2 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" value=""/></label><div class="mt-4 flex flex-wrap items-center gap-3"><button type="button" class="rounded-full bg-accent-500 px-4 py-2 text-sm font-medium text-zinc-950 shadow-sm transition hover:bg-accent-400">Save key</button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Queue prefetch</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Resolve YouTube video ids in the background for upcoming queue tracks that need a stream.</p><div class="mt-6 border-t border-zinc-200 pt-6 dark:border-zinc-800"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Prefetch video IDs for queue</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, Muzical looks up YouTube videos for queue tracks missing a video id (uses your API key when set).</p></div><button type="button" role="switch" aria-checked="true" aria-label="Prefetch YouTube video IDs for queue" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-accent-500"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-5"></span></button></div></div><label class="mt-6 block border-t border-zinc-200 pt-6 dark:border-zinc-800 "><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Prefetch limit</span><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Maximum queue tracks to prefetch per queue change (<!-- -->1<!-- -->–<!-- -->32<!-- -->).</p><input type="number" min="1" max="32" class="mt-2 block w-full max-w-[8rem] rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Prefetch limit for queue tracks" value="8"/></label></section></div><!--$--><!--/$--></div></div></div></div></div></div><script src="/_next/static/chunks/04-q~k1s4h2o9.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2263,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"\"]\n3:I[80492,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ThemeProvider\"]\n4:I[97446,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"AccentProvider\"]\n5:I[20498,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"PlaybackPreferencesProvider\"]\n6:I[40911,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"YoutubePreferencesProvider\"]\n7:I[70487,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"LibraryProvider\"]\n8:I[5233,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\n9:I[73632,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\na:I[85876,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\"],\"default\"]\nb:I[53782,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"/_next/static/chunks/073k~no118gmz.js\"],\"default\"]\nc:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\n10:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ViewportBoundary\"]\n14:I[51709,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"settings\",\"youtube\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"settings\",{\"children\":[\"youtube\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00bzw__-m1fpe.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05329099kf0o5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"app-init\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var t=localStorage.getItem(\\\"muzical-theme\\\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\\\"muzical.accent\\\");var ids=[\\\"amber\\\",\\\"orange\\\",\\\"rose\\\",\\\"red\\\",\\\"violet\\\",\\\"blue\\\",\\\"teal\\\",\\\"emerald\\\",\\\"custom\\\"];var shades=[\\\"50\\\",\\\"200\\\",\\\"300\\\",\\\"400\\\",\\\"500\\\",\\\"600\\\",\\\"700\\\",\\\"800\\\",\\\"900\\\",\\\"950\\\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\\\"muzical.accentCustomPalette\\\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\\\"amber\\\");}}catch(e){}})();\"}}],[\"$\",\"div\",null,{\"className\":\"flex min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"flex h-full min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lb\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/073k~no118gmz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,null]},null,false,\"$@f\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],\"$L12\",\"$L13\"]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[\"$L15\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6R8dLcmFAc7AeUCNbCJAA\"}\n"])</script><script>self.__next_f.push([1,"17:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"MetadataBoundary\"]\n16:[]\nf:\"$W16\"\n12:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L18\"}]}]}]\n13:[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"19:I[31415,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"IconMark\"]\ne:null\n18:[[\"$\",\"title\",\"0\",{\"children\":\"YouTube · Settings · Muzical\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"YouTube Data API configuration for Muzical\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L19\",\"3\",{}]]\n"])</script></body></html>
1	+ <!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0ps~ft3qx-shn.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/04-q~k1s4h2o9.js"/><script src="/_next/static/chunks/0i849itgt0bfo.js" async=""></script><script src="/_next/static/chunks/14z_1xu7t6lay.js" async=""></script><script src="/_next/static/chunks/0uezeykgodd86.js" async=""></script><script src="/_next/static/chunks/turbopack-0ctpbjx-g6dyl.js" async=""></script><script src="/_next/static/chunks/00bzw__-m1fpe.js" async=""></script><script src="/_next/static/chunks/05329099kf0o5.js" async=""></script><script src="/_next/static/chunks/0n~v8~rri7~t2.js" async=""></script><script src="/_next/static/chunks/0c5m3gpe71ppi.js" async=""></script><script src="/_next/static/chunks/0dusa1wc1mnfl.js" async=""></script><script src="/_next/static/chunks/073k~no118gmz.js" async=""></script><meta name="next-size-adjust" content=""/><title>YouTube · Settings · Muzical</title><meta name="description" content="YouTube Data API configuration for Muzical"/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground"><div hidden=""><!--$--><!--/$--></div><script>(self.__next_s=self.__next_s\|\|[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\"amber\");}}catch(e){}})();","id":"app-init"}])</script><div class="flex min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col"><div class="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-zinc-100 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"><header class="flex shrink-0 items-center justify-between gap-4 border-b border-zinc-200 bg-white/90 px-6 py-4 backdrop-blur-sm dark:border-zinc-800/80 dark:bg-zinc-950/90"><div class="flex min-w-0 items-center gap-3"><a class="shrink-0 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300 dark:hover:bg-zinc-800" href="/">← Player</a><div class="min-w-0"><h1 class="truncate text-sm font-semibold tracking-tight">Settings</h1><p class="truncate text-xs text-zinc-500">Configure Muzical on this device.</p></div></div><button type="button" aria-label="Switch to dark theme" class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 shadow-sm transition hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300 dark:shadow-none dark:hover:border-zinc-500 dark:hover:bg-zinc-700 dark:hover:text-zinc-50"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-[18px] w-[18px]"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></button></header><div class="flex min-h-0 w-full flex-1 overflow-hidden"><aside class="hidden w-36 shrink-0 border-r border-zinc-200 px-3 py-6 dark:border-zinc-800/80 sm:block"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></aside><div class="flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overscroll-contain"><div class="mb-4 px-4 pt-4 sm:hidden"><nav aria-label="Settings sections"><ul class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900/40 sm:border-0 sm:bg-transparent sm:dark:bg-transparent"><li><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings">Overview</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/library">Library</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a aria-current="page" class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 bg-accent-500/15 text-accent-900 dark:bg-accent-500/20 dark:text-accent-200" href="/settings/youtube">YouTube</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/lastfm">Last.fm</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/playback">Playback</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/browse">Browse</a></li><li class="border-t border-zinc-200 dark:border-zinc-800 sm:border-t-0"><a class="block px-2.5 py-1.5 text-xs font-medium transition sm:rounded-lg sm:px-2 sm:py-1.5 text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-100" href="/settings/display">Display</a></li></ul></nav></div><div class="px-4 pb-6 pt-1 sm:px-6 sm:pb-8 sm:pt-6"><div class="flex flex-col gap-8"><div><h2 class="text-lg font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">YouTube</h2><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">MusicBrainz tracks stream via YouTube. An optional Data API key resolves videos reliably; without a key or if quota is exceeded, Muzical falls back to in-player search.</p></div><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">API key</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Create a key in the<!-- --> <a href="https://console.cloud.google.com/apis/credentials" target="_blank" rel="noopener noreferrer" class="font-medium text-accent-700 underline decoration-accent-500/40 underline-offset-2 hover:text-accent-600 dark:text-accent-400">Google Cloud Console</a> <!-- -->with the YouTube Data API v3 enabled. The key is stored only in this browser.</p><label class="mt-4 block"><span class="sr-only">YouTube Data API key</span><input type="password" autoComplete="off" spellCheck="false" placeholder="AIza…" class="w-full rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-2.5 font-mono text-sm text-zinc-900 outline-none ring-accent-500/30 placeholder:text-zinc-400 focus:border-accent-500/50 focus:ring-2 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100" value=""/></label><div class="mt-4 flex flex-wrap items-center gap-3"><button type="button" class="rounded-full bg-accent-500 px-4 py-2 text-sm font-medium text-zinc-950 shadow-sm transition hover:bg-accent-400">Save key</button></div></section><section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900/40"><h3 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Queue prefetch</h3><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">Resolve YouTube video ids in the background for upcoming queue tracks that need a stream.</p><div class="mt-6 border-t border-zinc-200 pt-6 dark:border-zinc-800"><div class="flex items-baseline justify-between gap-4"><div class="min-w-0"><h2 class="text-xs font-medium uppercase tracking-wider text-zinc-500">Prefetch video IDs for queue</h2><p class="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">When enabled, Muzical looks up YouTube videos for queue tracks missing a video id (uses your API key when set).</p></div><button type="button" role="switch" aria-checked="true" aria-label="Prefetch YouTube video IDs for queue" class="relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent p-0.5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/30 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900 bg-accent-500"><span aria-hidden="true" class="block h-5 w-5 rounded-full bg-white shadow-sm transition-transform translate-x-5"></span></button></div></div><label class="mt-6 block border-t border-zinc-200 pt-6 dark:border-zinc-800 "><span class="text-xs font-medium uppercase tracking-wider text-zinc-500">Prefetch limit</span><p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Maximum queue tracks to prefetch per queue change (<!-- -->1<!-- -->–<!-- -->32<!-- -->).</p><input type="number" min="1" max="32" class="mt-2 block w-full max-w-[8rem] rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm text-zinc-900 dark:border-zinc-600 dark:bg-zinc-900 dark:text-zinc-100" aria-label="Prefetch limit for queue tracks" value="8"/></label></section></div><!--$--><!--/$--></div></div></div></div></div></div><script src="/_next/static/chunks/04-q~k1s4h2o9.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2263,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"\"]\n3:I[80492,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ThemeProvider\"]\n4:I[97446,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"AccentProvider\"]\n5:I[20498,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"PlaybackPreferencesProvider\"]\n6:I[40911,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"YoutubePreferencesProvider\"]\n7:I[70487,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"LibraryProvider\"]\n8:I[5233,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\n9:I[73632,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\"]\na:I[85876,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\"],\"default\"]\nb:I[53782,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"/_next/static/chunks/073k~no118gmz.js\"],\"default\"]\nc:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\n10:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"ViewportBoundary\"]\n14:I[51709,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"settings\",\"youtube\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"settings\",{\"children\":[\"youtube\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00bzw__-m1fpe.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05329099kf0o5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0c5m3gpe71ppi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"app-init\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var t=localStorage.getItem(\\\"muzical-theme\\\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\\\"muzical.accent\\\");var ids=[\\\"amber\\\",\\\"orange\\\",\\\"rose\\\",\\\"red\\\",\\\"violet\\\",\\\"blue\\\",\\\"teal\\\",\\\"emerald\\\",\\\"custom\\\"];var shades=[\\\"50\\\",\\\"200\\\",\\\"300\\\",\\\"400\\\",\\\"500\\\",\\\"600\\\",\\\"700\\\",\\\"800\\\",\\\"900\\\",\\\"950\\\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\\\"muzical.accentCustomPalette\\\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i\u003cshades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)\u003e=0?a:\\\"amber\\\");}}catch(e){}})();\"}}],[\"$\",\"div\",null,{\"className\":\"flex min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dusa1wc1mnfl.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"flex h-full min-h-0 flex-1 flex-col\",\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lb\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/073k~no118gmz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,null]},null,false,\"$@f\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],\"$L12\",\"$L13\"]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[\"$L15\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"wtr8iSQMkGBfaJ1Xulser\"}\n"])</script><script>self.__next_f.push([1,"17:I[83775,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"MetadataBoundary\"]\n16:[]\nf:\"$W16\"\n12:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L18\"}]}]}]\n13:[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ps~ft3qx-shn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"19:I[31415,[\"/_next/static/chunks/00bzw__-m1fpe.js\",\"/_next/static/chunks/05329099kf0o5.js\",\"/_next/static/chunks/0n~v8~rri7~t2.js\",\"/_next/static/chunks/0c5m3gpe71ppi.js\"],\"IconMark\"]\ne:null\n18:[[\"$\",\"title\",\"0\",{\"children\":\"YouTube · Settings · Muzical\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"YouTube Data API configuration for Muzical\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L19\",\"3\",{}]]\n"])</script></body></html>

package/.next/standalone/.next/server/app/settings/youtube.rsc CHANGED Viewed

@@ -16,7 +16,7 @@ d:"$Sreact.suspense"
 :HL["/_next/static/chunks/0ps~ft3qx-shn.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.09zddjkbdep5a.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"P":null,"c":["","settings","youtube"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["youtube",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/073k~no118gmz.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"6R8dLcmFAc7AeUCNbCJAA"}
+0:{"P":null,"c":["","settings","youtube"],"q":"","i":false,"f":[[["",{"children":["settings",{"children":["youtube",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ps~ft3qx-shn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/00bzw__-m1fpe.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/05329099kf0o5.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/0n~v8~rri7~t2.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0c5m3gpe71ppi.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full min-h-0 antialiased","children":["$","body",null,{"className":"flex h-full min-h-0 flex-col overflow-hidden bg-background font-sans text-foreground","children":[["$","$L2",null,{"id":"app-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"(function(){try{var t=localStorage.getItem(\"muzical-theme\");document.documentElement.classList.toggle('dark',t==='dark');var a=localStorage.getItem(\"muzical.accent\");var ids=[\"amber\",\"orange\",\"rose\",\"red\",\"violet\",\"blue\",\"teal\",\"emerald\",\"custom\"];var shades=[\"50\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\",\"950\"];var r=document.documentElement;if(a==='custom'){r.setAttribute('data-accent','custom');var pal=localStorage.getItem(\"muzical.accentCustomPalette\");if(pal){try{var p=JSON.parse(pal);for(var i=0;i<shades.length;i++){var k=shades[i];if(typeof p[k]==='string')r.style.setProperty('--accent-'+k,p[k]);}}catch(e){}}}else{r.setAttribute('data-accent',ids.indexOf(a)>=0?a:\"amber\");}}catch(e){}})();"}}],["$","div",null,{"className":"flex min-h-0 flex-1 flex-col","children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"children":["$","$L6",null,{"children":["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]}]}]}]]}]}]]}],{"children":[["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/chunks/0dusa1wc1mnfl.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"flex h-full min-h-0 flex-1 flex-col","children":["$","$La",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$Lb",null,{}],[["$","script","script-0",{"src":"/_next/static/chunks/073k~no118gmz.js","async":true,"nonce":"$undefined"}]],["$","$Lc",null,{"children":["$","$d",null,{"name":"Next.MetadataOutlet","children":"$@e"}]}]]}],{},null,false,null]},null,false,"$@f"]},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],"$L12","$L13"]}],false]],"m":"$undefined","G":["$14",["$L15"]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"wtr8iSQMkGBfaJ1Xulser"}
 17:I[83775,["/_next/static/chunks/00bzw__-m1fpe.js","/_next/static/chunks/05329099kf0o5.js","/_next/static/chunks/0n~v8~rri7~t2.js","/_next/static/chunks/0c5m3gpe71ppi.js"],"MetadataBoundary"]
 16:[]
 f:"$W16"