fix(ui): reflect update availability and config changes; expand mobile player metadata

apps/web/src/widgets/AppShell.module.css

@@ -298,7 +298,7 @@
   .shell, .shell.island {
     --side-w: 0px;
     grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr) 72px calc(64px + env(safe-area-inset-bottom, 0px));
+    grid-template-rows: auto minmax(0, 1fr) auto calc(64px + env(safe-area-inset-bottom, 0px));
     grid-template-areas: 'top' 'content' 'player' 'mobile';
   }
 

apps/web/src/widgets/PlayerBar.module.css

@@ -413,28 +413,29 @@ a.source:hover {
 }
 
 @media (max-width: 767px) {
-  .bar { grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px; padding: 0 8px; }
+  .bar {
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas: 'now now' 'controls actions';
+    gap: 4px 8px;
+    min-height: 72px;
+    padding: 8px 12px;
+  }
   .bar.island { position: relative; left: auto; bottom: auto; width: auto; height: auto;
     transform: none; margin: 0 8px; border-radius: 16px; }
-  .empty { grid-column: 1 / -1; }
+  .empty { grid-column: 1 / -1; grid-row: 1 / -1; }
   .placeholder { flex: none; }
-  .now { gap: 8px; }
+  .now { grid-area: now; gap: 10px; }
+  .center { grid-area: controls; justify-self: start; }
   .now > :first-child { width: 44px !important; height: 44px !important; }
   .source { display: none; }
   .controls { gap: 2px; }
   .play, .icon { width: 44px; height: 44px; }
-  .right { display: flex; gap: 0; }
+  .right { grid-area: actions; display: flex; gap: 0; }
   .right > :not(.queueButton):not(.shareButton):not(.playlistButton) { display: none; }
   .error { position: absolute; bottom: calc(100% + 8px); left: 8px; right: 8px;
     padding: 8px 12px; background: var(--surface3); border-radius: 10px; text-align: center; }
-  .drawer, .drawerIsland { bottom: calc(144px + env(safe-area-inset-bottom, 0px));
-    max-height: calc(100dvh - 180px - env(safe-area-inset-bottom, 0px)); }
-}
-
-@media (max-width: 359px) {
-  .now > :first-child { display: none; }
-  /* share + очередь + три кнопки управления не оставляют месту название трека (e2e 320px). */
-  .shareButton { display: none; }
+  .drawer, .drawerIsland { bottom: calc(184px + env(safe-area-inset-bottom, 0px));
+    max-height: calc(100dvh - 220px - env(safe-area-inset-bottom, 0px)); }
 }
 
 .shareStatus {

apps/web/src/widgets/PlayerBar.tsx

@@ -111,15 +111,15 @@ export function PlayerBar({ variant = 'bar' }: { variant?: 'bar' | 'island' }) {
       >
         {narrow ? (
           <button type="button" className={s.nowArt} aria-label={t('player.expand')} onClick={() => setSheetOpen(true)}>
-            <Cover album={track.album} size={52} className={st.playing ? s.coverLive : undefined} />
+            <Cover album={track.album} size={44} className={st.playing ? s.coverLive : undefined} />
             {st.playing && <span className={s.nowEq}><Equalizer playing /></span>}
           </button>
         ) : (
           <Cover album={track.album} size={52} className={st.playing ? s.coverLive : undefined} />
         )}
         <div className={s.meta}>
-          <span className={s.title}>{track.title}</span>
-          <span className={s.artists}>
+          <span className={s.title} title={track.title}>{track.title}</span>
+          <span className={s.artists} title={track.artists.map((artist) => artist.name).join(', ')}>
             <ArtistLinks artists={track.artists} />
           </span>
           {source &&