M2 app icon M2 Engineering Docs

Desktop

Mac Catalyst

Desktop mode has dedicated layouts and interaction rules.

Desktop Shell

  • Left sidebar controls tabs.
  • Main content is rendered inside desktop content frame.
  • Mini-player is always visible at bottom.
  • Desktop feature navigation uses non-animated push/pop.

Playlists Entry

  • Text Мои плейлисты is clickable.
  • Arrow on the right is clickable.
  • Hover changes cursor to pointer for both elements.

My Playlists Hub

  • Back button is circular with arrow.left.
  • Grid includes New playlist, created playlists, and My Favorites.
  • Cover size and text are reduced for desktop density.

Hover Overlay

  • Playlist card hover shows actions: play, ellipsis, pin.
  • No fade animation for hover in desktop mode.
  • pin sends pin request to shell sidebar.

Pinning

  • Pinned playlists are stored under m2_desktop_pinned_playlists_v1.
  • Sidebar renders a Pinned section below main tabs.
  • Pinned item click opens playlist detail via desktop open request notification.

Favorites Desktop Page

  • Header: cover + My Favorites + chevron + track count.
  • Content: two track columns for wide screens.
  • Each row: artwork, title, artist, heart, duration.
  • Row click opens player with correct queue index.