feat(slint): For You Qobuz Mixes row

Ports Tauri's QobuzMixesRow as the first For You section — four
220px navigation tiles (DailyQ / WeeklyQ / FavQ / TopQ) with the
1:1 gradients, badge, name, and description. Pure navigation, no
per-tile data. The mix detail views they open don't exist in the
Slint MVP yet, so the click is logged for now.

cc

crates/qbz-slint/src/main.rs

@@ -1279,6 +1279,12 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
                         }
                     }
                 }
+                ("mix", which) => {
+                    // Qobuz Mixes tiles — the DailyQ/WeeklyQ/FavQ/TopQ
+                    // detail views are a separate feature; log until
+                    // they exist.
+                    log::info!("[qbz-slint] qobuz mix '{which}' clicked (view not implemented)");
+                }
                 _ => {}
             }
         });

crates/qbz-slint/ui/discover/ForYouView.slint

@@ -14,6 +14,7 @@ import { Carousel } from "Carousel.slint";
 import { SlimCarousel } from "SlimCarousel.slint";
 import { ArtistCarousel } from "ArtistCarousel.slint";
 import { Spotlight } from "Spotlight.slint";
+import { QobuzMixesRow } from "QobuzMixesRow.slint";
 import { LoadingSpinner } from "../primitives/LoadingSpinner.slint";
 
 export component ForYouView inherits VerticalLayout {
@@ -23,6 +24,7 @@ export component ForYouView inherits VerticalLayout {
     callback play-track(string);
     callback play-top-tracks(string);
     callback start-radio(string);
+    callback open-mix(string);
 
     spacing: 40px;
     alignment: start;
@@ -34,6 +36,13 @@ export component ForYouView inherits VerticalLayout {
         LoadingSpinner { size: 36px; }
     }
 
+    // 0. Qobuz Mixes (static navigation tiles).
+    QobuzMixesRow {
+        open-mix(which) => {
+            root.open-mix(which);
+        }
+    }
+
     // 1. Release Watch.
     if ForYouState.release-watch.albums.length > 0: Carousel {
         section: ForYouState.release-watch;

crates/qbz-slint/ui/discover/HomeView.slint

@@ -283,6 +283,9 @@ export component HomeView inherits Rectangle {
                     start-radio(id) => {
                         root.media-action("artist", id, "radio");
                     }
+                    open-mix(which) => {
+                        root.media-action("mix", which, "open");
+                    }
                 }
 
                 // The Recently Played + Popular sections below belong

crates/qbz-slint/ui/discover/QobuzMixesRow.slint

@@ -0,0 +1,107 @@
+// Discover > For You "Qobuz Mixes" — port of Tauri's QobuzMixesRow.
+// Four 220px navigation tiles (DailyQ / WeeklyQ / FavQ / TopQ): a
+// gradient artwork with a badge + name, and a description below. Pure
+// navigation entries (no per-tile data); the mix detail views they
+// open are a separate feature, so the callbacks are logged for now.
+
+import { Theme } from "../foundation/semantic-colors.slint";
+import { Typography } from "../foundation/typography.slint";
+
+component MixTile inherits Rectangle {
+    in property <brush> gradient;
+    in property <string> badge;
+    in property <string> name;
+    in property <string> desc;
+    callback clicked();
+
+    width: 220px;
+    height: 268px;
+
+    VerticalLayout {
+        spacing: 8px;
+        // Gradient artwork.
+        Rectangle {
+            width: 220px;
+            height: 220px;
+            border-radius: 8px;
+            background: root.gradient;
+            clip: true;
+            Text {
+                text: root.badge;
+                x: 12px;
+                y: 12px;
+                color: #ffffffcc;
+                font-size: 10px;
+                font-weight: Typography.semibold;
+                letter-spacing: 1px;
+            }
+            Text {
+                text: root.name;
+                x: (parent.width - self.width) / 2;
+                y: (parent.height - self.height) / 2;
+                color: #ffffff;
+                font-size: 22px;
+                font-weight: Typography.bold;
+            }
+            ta := TouchArea {
+                mouse-cursor: pointer;
+                clicked => {
+                    root.clicked();
+                }
+            }
+        }
+        Text {
+            text: root.desc;
+            color: Theme.text-muted;
+            font-size: 12px;
+            wrap: word-wrap;
+            width: 220px;
+        }
+    }
+}
+
+export component QobuzMixesRow inherits VerticalLayout {
+    callback open-mix(string /* daily | weekly | fav | top */);
+
+    spacing: 12px;
+
+    Text {
+        text: @tr("Qobuz Mixes");
+        color: Theme.text-primary;
+        font-size: 18px;
+        font-weight: Typography.semibold;
+    }
+
+    HorizontalLayout {
+        spacing: 32px;
+        alignment: start;
+        MixTile {
+            gradient: @linear-gradient(135deg, #1e3a8a 0%, #6366f1 50%, #c084fc 100%);
+            badge: "qobuz";
+            name: "DailyQ";
+            desc: @tr("Elevate your day with a customized selection of music.");
+            clicked => { root.open-mix("daily"); }
+        }
+        MixTile {
+            gradient: @linear-gradient(135deg, #065f46 0%, #10b981 50%, #fbbf24 100%);
+            badge: "qobuz";
+            name: "WeeklyQ";
+            desc: @tr("Take a weekly journey with a fresh mix every Friday.");
+            clicked => { root.open-mix("weekly"); }
+        }
+        MixTile {
+            gradient: @linear-gradient(135deg, #7f1d1d 0%, #ef4444 50%, #fb923c 100%);
+            badge: "qbz";
+            name: "FavQ";
+            desc: @tr("A fresh shuffle from your personal library.");
+            clicked => { root.open-mix("fav"); }
+        }
+        MixTile {
+            gradient: @linear-gradient(135deg, #1f2937 0%, #4b5563 50%, #fbbf24 100%);
+            badge: "qbz";
+            name: "TopQ";
+            desc: @tr("Discover new music from your most-played playlists.");
+            clicked => { root.open-mix("top"); }
+        }
+    }
+}