Update packages

web-player/src/lib/components/player/PlayerDock.svelte

@@ -25,7 +25,5 @@
 	{#if hasTrack}
 		<PlayerBar />
 	{/if}
-	<div class="px-4 pt-2.5 pb-4 lg:hidden">
-		<TabsBar {user} />
-	</div>
+	<TabsBar {user} />
 </div>

web-player/src/lib/components/player/Queue.svelte

@@ -17,7 +17,7 @@
 {#if queuePanel.open}
 	<aside
 		transition:fly={{ x: 24, duration: 220, easing: cubicOut }}
-		class="hidden shrink-0 flex-col border-l border-hairline bg-[image:var(--mf-panel-bg)] px-4 pt-5 transition-[background] duration-500 sm:flex"
+		class="hidden shrink-0 flex-col border-l border-hairline bg-bg px-4 pt-5 transition-[background] duration-500 sm:flex"
 		style="width:var(--mf-queue-w); padding-bottom:calc(var(--mf-player-h) + 2rem)"
 	>
 		<div class="mb-5 flex items-center justify-between">
@@ -33,7 +33,7 @@
 		</div>
 
 		{#if player.current.id}
-			<p class="mb-2.75 text-xs font-medium tracking-widest text-muted uppercase">Reproduciendo</p>
+			<p class="mb-2.75 text-xs font-medium tracking-widest text-fg-3 uppercase">Reproduciendo</p>
 			<div class="mb-6 flex items-center gap-3 rounded-xl bg-accent-tint p-2.5">
 				<Cover
 					trackId={player.current.id}
@@ -56,7 +56,7 @@
 
 		<div class="mb-2.75 flex items-center justify-between gap-3">
 			<span
-				class="min-w-0 flex-1 truncate text-xs font-medium tracking-widest text-muted uppercase"
+				class="min-w-0 flex-1 truncate text-xs font-medium tracking-widest text-fg-3 uppercase"
 			>
 				A continuación
 			</span>
@@ -64,7 +64,7 @@
 				<button
 					type="button"
 					onclick={() => player.clearUpcoming()}
-					class="shrink-0 text-xs text-muted transition-colors hover:text-fg"
+					class="shrink-0 text-xs text-fg-3 transition-colors hover:text-fg"
 				>
 					Vaciar
 				</button>

web-player/src/lib/components/player/SeekBar.svelte

@@ -37,7 +37,7 @@
 			aria-label="Barra de progreso"
 			class="group relative h-3.5 flex-1 cursor-pointer"
 		>
-			<div class="h-0.875 w-full overflow-hidden rounded-full bg-track">
+			<div class="h-[3.5px] w-full overflow-hidden rounded-full bg-track">
 				<div class="h-full rounded-full bg-accent" style="width:{player.progressPercent}%"></div>
 			</div>
 		</button>

web-player/src/lib/components/player/TrackInfo.svelte

@@ -21,7 +21,8 @@
 			title: player.current.title,
 			artist: player.current.artist,
 			explicit: player.current.explicit,
-			ownerUserId: player.current.ownerUserId
+			ownerUserId: player.current.ownerUserId,
+			duration: player.current.duration
 		});
 	}
 </script>
@@ -42,9 +43,7 @@
 			{#if player.current.explicit}
 				<ExplicitBadge />
 			{/if}
-			<span class="truncate text-sm font-semibold tracking-[-0.01em] text-fg"
-				>{player.current.title}</span
-			>
+			<span class="truncate text-sm text-fg">{player.current.title}</span>
 		</div>
 		<ArtistLink
 			name={player.current.artist || '—'}