feat: update desktop player bar and song tile for improved UI and functionality

- Refactored lyrics toggle logic in DesktopPlayerBar to use root navigator.
- Updated color scheme in DesktopPlayerBar for better contrast.
- Enhanced song tile artwork display with dynamic corner radius.
- Added player UI settings service for managing album art corner radius.
- Updated dependencies in pubspec.yaml and pubspec.lock for versioning and new features.
- Implemented GitHub release fetching in the React website for dynamic version display.

Author: dddevid

CHANGELOG.md

@@ -5,6 +5,33 @@ All notable changes to Musly will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.7] - 2026-02-22
+
+### Added
+- **Spotify-style Desktop UX**: Complete redesign of the PC layout
+  - New collapsible sidebar (`DesktopNavigationSidebar`) with 260 px expanded / 72 px collapsed states
+  - Sidebar sections: Home, Search, Your Library (scrollable playlist list with Liked Songs shortcut), Settings, Collapse/Expand toggle
+  - Settings navigation item restored directly in the sidebar
+  - All sidebar strings localised via ARB (`expand`, `createPlaylist`)
+- **Artwork Style Editor**: Full custom editor in Settings → Display → Artwork Style
+  - **Shape**: Rounded rectangle, Circle, or Square
+  - **Corner Radius**: slider (0–24 px), only visible when shape is *Rounded*
+  - **Shadow intensity**: None, Soft, Medium, Strong
+  - **Shadow color**: Black or Accent (Musly red)
+  - Live 108 px animated preview updates in real-time
+  - All options persisted to `SharedPreferences` and restored on next launch (awaited before `runApp`)
+- **No-artwork placeholder in mobile player**: Songs without cover art now show a clean dark gradient tile with a music note icon and localised "No artwork" label instead of an infinite shimmer loader. Shimmer is still used while the image is actually fetching.
+
+### Changed
+- **Desktop player bar accent colors**: All active-state indicators (shuffle, repeat, progress slider, volume slider, favorite heart, lyrics button) now use Musly red
+- **Update dialog colors**: Header gradient and download button changed from purple/blue (`#6C5CE7 → #00B4D8`) to Musly red/pink (`appleMusicRed → appleMusicPink`)
+- **Desktop lyrics**: Lyrics view now uses `rootNavigator: true` so it covers the full window (sidebar + content + player bar); close button pops from the root navigator correctly
+- **React marketing website**: Version number and release date in Hero and Download sections are now fetched live from the GitHub public API (`/repos/dddevid/Musly/releases/latest`) with a 10-minute session cache — no auth token required
+
+### Fixed
+- **Library list alignment**: Album/artist tiles in the Library screen now use an explicit `InkWell → Padding → Row` layout so artwork and text align with section headers on all platforms
+- **Artwork settings not persisting**: `PlayerUiSettingsService.initialize()` is now `await`-ed before `runApp`, guaranteeing saved values are loaded into notifiers before any widget builds
+
 ## [1.0.6] - 2026-02-20
 
 ### Added
@@ -18,7 +45,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Genre Support**: Enhanced genre browsing
   - Genres screen now shows song count per genre and a tooltip
   - Genre screen rebuilt with two tabs: Songs and Albums
-- **Easter Egg**: Fanta-bounce screensaver triggered by tapping the search button 11 times in quick succession
 
 ### Fixed
 - **[#29](https://github.com/dddevid/Musly/issues/29) Offline Playlists**: Playlists are now correctly restored from local cache when the server is unreachable

android/app/src/main/AndroidManifest.xml

@@ -110,7 +110,13 @@
         <!-- Google Cast Options Provider -->
         <meta-data
             android:name="com.google.android.gms.cast.framework.OPTIONS_PROVIDER_CLASS_NAME"
-            android:value="com.google.android.gms.cast.framework.media.CastMediaOptionsProvider" />
+            android:value="com.felnanuke.google_cast.GoogleCastOptionsProvider" />
+
+        <!-- Media notification service for cast controls -->
+        <service
+            android:name="com.google.android.gms.cast.framework.media.MediaNotificationService"
+            android:exported="false"
+            android:foregroundServiceType="mediaPlayback" />
     </application>
 
     <!-- Required to query activities that can process text, see:

installer.nsi

@@ -4,7 +4,7 @@
 ; Version (passed via /DMUSLY_VERSION=x.x.x from CI, or fallback)
 
 !ifndef MUSLY_VERSION
-  !define MUSLY_VERSION "1.0.6"
+  !define MUSLY_VERSION "1.0.7"
 !endif
 
 ;--------------------------------
@@ -106,7 +106,7 @@ Section "Musly" SecMain
   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\Musly" \
                    "Publisher" "dddevid"
   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\Musly" \
-                   "DisplayVersion" "1.0.6"
+                   "DisplayVersion" "1.0.7"
   WriteRegStr HKLM "Software\Microsoft\Windows\CurrentVersion\Uninstall\Musly" \
                    "URLInfoAbout" "https://github.com/dddevid/Musly"
 

lib/l10n/app_en.arb

@@ -1160,6 +1160,12 @@
   "collapse": "Collapse",
   "@collapse": { "description": "Tooltip/label for the sidebar collapse button" },
 
+  "expand": "Expand",
+  "@expand": { "description": "Tooltip/label for the sidebar expand button" },
+
+  "createPlaylist": "Create playlist",
+  "@createPlaylist": { "description": "Tooltip/label for the create-playlist button in the sidebar library header" },
+
   "likedSongsSidebar": "Liked Songs",
   "@likedSongsSidebar": { "description": "Liked Songs item label in the desktop sidebar" },
 
@@ -1380,5 +1386,67 @@
   "@musicFoldersHint": { "description": "Hint text in the music folders selection dialog" },
 
   "musicFoldersSaved": "Music folder selection saved",
-  "@musicFoldersSaved": { "description": "Snackbar shown after saving music folder selection" }
+  "@musicFoldersSaved": { "description": "Snackbar shown after saving music folder selection" },
+
+  "artworkStyleSection": "Artwork Style",
+  "@artworkStyleSection": { "description": "Display settings section header for artwork customisation" },
+
+  "artworkCornerRadius": "Corner Radius",
+  "@artworkCornerRadius": { "description": "Label for the album art corner radius slider" },
+
+  "artworkCornerRadiusSubtitle": "Adjust how round the corners of album covers appear",
+  "@artworkCornerRadiusSubtitle": { "description": "Subtitle for the album art corner radius slider" },
+
+  "artworkCornerRadiusNone": "None",
+  "@artworkCornerRadiusNone": { "description": "Label shown when corner radius is set to 0 (no rounded corners)" },
+
+  "artworkShape": "Shape",
+  "@artworkShape": { "description": "Label for the artwork shape selector" },
+
+  "artworkShapeRounded": "Rounded",
+  "@artworkShapeRounded": { "description": "Rounded rectangle artwork shape option" },
+
+  "artworkShapeCircle": "Circle",
+  "@artworkShapeCircle": { "description": "Circle artwork shape option" },
+
+  "artworkShapeSquare": "Square",
+  "@artworkShapeSquare": { "description": "Square (no rounding) artwork shape option" },
+
+  "artworkShadow": "Shadow",
+  "@artworkShadow": { "description": "Label for the artwork shadow intensity selector" },
+
+  "artworkShadowNone": "None",
+  "@artworkShadowNone": { "description": "No shadow option for artwork" },
+
+  "artworkShadowSoft": "Soft",
+  "@artworkShadowSoft": { "description": "Soft shadow option for artwork" },
+
+  "artworkShadowMedium": "Medium",
+  "@artworkShadowMedium": { "description": "Medium shadow option for artwork" },
+
+  "artworkShadowStrong": "Strong",
+  "@artworkShadowStrong": { "description": "Strong shadow option for artwork" },
+
+  "artworkShadowColor": "Shadow Color",
+  "@artworkShadowColor": { "description": "Label for the artwork shadow color selector" },
+
+  "artworkShadowColorBlack": "Black",
+  "@artworkShadowColorBlack": { "description": "Black shadow color option" },
+
+  "artworkShadowColorAccent": "Accent",
+  "@artworkShadowColorAccent": { "description": "Accent color shadow (matches app accent color)" },
+
+  "artworkPreview": "Preview",
+  "@artworkPreview": { "description": "Label shown above the live artwork style preview" },
+
+  "artworkCornerRadiusLabel": "{value}px",
+  "@artworkCornerRadiusLabel": {
+    "description": "Formatted corner radius value label",
+    "placeholders": {
+      "value": { "type": "int" }
+    }
+  },
+
+  "noArtwork": "No artwork",
+  "@noArtwork": { "description": "Placeholder label shown in the player when a song has no cover art" }
 }

lib/l10n/app_localizations.dart

@@ -1996,6 +1996,18 @@ abstract class AppLocalizations {
   /// **'Collapse'**
   String get collapse;
 
+  /// Tooltip/label for the sidebar expand button
+  ///
+  /// In en, this message translates to:
+  /// **'Expand'**
+  String get expand;
+
+  /// Tooltip/label for the create-playlist button in the sidebar library header
+  ///
+  /// In en, this message translates to:
+  /// **'Create playlist'**
+  String get createPlaylist;
+
   /// Liked Songs item label in the desktop sidebar
   ///
   /// In en, this message translates to:
@@ -2343,6 +2355,120 @@ abstract class AppLocalizations {
   /// In en, this message translates to:
   /// **'Music folder selection saved'**
   String get musicFoldersSaved;
+
+  /// Display settings section header for artwork customisation
+  ///
+  /// In en, this message translates to:
+  /// **'Artwork Style'**
+  String get artworkStyleSection;
+
+  /// Label for the album art corner radius slider
+  ///
+  /// In en, this message translates to:
+  /// **'Corner Radius'**
+  String get artworkCornerRadius;
+
+  /// Subtitle for the album art corner radius slider
+  ///
+  /// In en, this message translates to:
+  /// **'Adjust how round the corners of album covers appear'**
+  String get artworkCornerRadiusSubtitle;
+
+  /// Label shown when corner radius is set to 0 (no rounded corners)
+  ///
+  /// In en, this message translates to:
+  /// **'None'**
+  String get artworkCornerRadiusNone;
+
+  /// Label for the artwork shape selector
+  ///
+  /// In en, this message translates to:
+  /// **'Shape'**
+  String get artworkShape;
+
+  /// Rounded rectangle artwork shape option
+  ///
+  /// In en, this message translates to:
+  /// **'Rounded'**
+  String get artworkShapeRounded;
+
+  /// Circle artwork shape option
+  ///
+  /// In en, this message translates to:
+  /// **'Circle'**
+  String get artworkShapeCircle;
+
+  /// Square (no rounding) artwork shape option
+  ///
+  /// In en, this message translates to:
+  /// **'Square'**
+  String get artworkShapeSquare;
+
+  /// Label for the artwork shadow intensity selector
+  ///
+  /// In en, this message translates to:
+  /// **'Shadow'**
+  String get artworkShadow;
+
+  /// No shadow option for artwork
+  ///
+  /// In en, this message translates to:
+  /// **'None'**
+  String get artworkShadowNone;
+
+  /// Soft shadow option for artwork
+  ///
+  /// In en, this message translates to:
+  /// **'Soft'**
+  String get artworkShadowSoft;
+
+  /// Medium shadow option for artwork
+  ///
+  /// In en, this message translates to:
+  /// **'Medium'**
+  String get artworkShadowMedium;
+
+  /// Strong shadow option for artwork
+  ///
+  /// In en, this message translates to:
+  /// **'Strong'**
+  String get artworkShadowStrong;
+
+  /// Label for the artwork shadow color selector
+  ///
+  /// In en, this message translates to:
+  /// **'Shadow Color'**
+  String get artworkShadowColor;
+
+  /// Black shadow color option
+  ///
+  /// In en, this message translates to:
+  /// **'Black'**
+  String get artworkShadowColorBlack;
+
+  /// Accent color shadow (matches app accent color)
+  ///
+  /// In en, this message translates to:
+  /// **'Accent'**
+  String get artworkShadowColorAccent;
+
+  /// Label shown above the live artwork style preview
+  ///
+  /// In en, this message translates to:
+  /// **'Preview'**
+  String get artworkPreview;
+
+  /// Formatted corner radius value label
+  ///
+  /// In en, this message translates to:
+  /// **'{value}px'**
+  String artworkCornerRadiusLabel(int value);
+
+  /// Placeholder label shown in the player when a song has no cover art
+  ///
+  /// In en, this message translates to:
+  /// **'No artwork'**
+  String get noArtwork;
 }
 
 class _AppLocalizationsDelegate

lib/l10n/app_localizations_bn.dart

@@ -1022,6 +1022,12 @@ class AppLocalizationsBn extends AppLocalizations {
   @override
   String get collapse => 'Collapse';
 
+  @override
+  String get expand => 'Expand';
+
+  @override
+  String get createPlaylist => 'Create playlist';
+
   @override
   String get likedSongsSidebar => 'Liked Songs';
 
@@ -1215,4 +1221,64 @@ class AppLocalizationsBn extends AppLocalizations {
 
   @override
   String get musicFoldersSaved => 'Music folder selection saved';
+
+  @override
+  String get artworkStyleSection => 'Artwork Style';
+
+  @override
+  String get artworkCornerRadius => 'Corner Radius';
+
+  @override
+  String get artworkCornerRadiusSubtitle =>
+      'Adjust how round the corners of album covers appear';
+
+  @override
+  String get artworkCornerRadiusNone => 'None';
+
+  @override
+  String get artworkShape => 'Shape';
+
+  @override
+  String get artworkShapeRounded => 'Rounded';
+
+  @override
+  String get artworkShapeCircle => 'Circle';
+
+  @override
+  String get artworkShapeSquare => 'Square';
+
+  @override
+  String get artworkShadow => 'Shadow';
+
+  @override
+  String get artworkShadowNone => 'None';
+
+  @override
+  String get artworkShadowSoft => 'Soft';
+
+  @override
+  String get artworkShadowMedium => 'Medium';
+
+  @override
+  String get artworkShadowStrong => 'Strong';
+
+  @override
+  String get artworkShadowColor => 'Shadow Color';
+
+  @override
+  String get artworkShadowColorBlack => 'Black';
+
+  @override
+  String get artworkShadowColorAccent => 'Accent';
+
+  @override
+  String get artworkPreview => 'Preview';
+
+  @override
+  String artworkCornerRadiusLabel(int value) {
+    return '${value}px';
+  }
+
+  @override
+  String get noArtwork => 'No artwork';
 }