feat(charts): фильтр по жанру + жанр/стиль/лейбл/год на детальной трека

Подтягиваем обогащённые данные с бэкенда (Discogs): genre/styles/label/year
в чартах и детальной странице.

- ChartEntry/TrackStats + DTO: добавлены genre/styles/label/year
- RadiolaApi: getCharts(?genre=), новый getGenres()
- ChartsViewModel: состояние выбранного жанра + список жанров, перезагрузка
- ChartsScreen: ряд чипов-фильтров по жанру (Все + жанры),
  жанр/стили чипами и «Лейбл · Год» на детальной
- убран демо-fallback (SAMPLE_CHARTS) — бэкенд живой

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/src/main/java/com/radiola/ui/charts/ChartsScreen.kt

@@ -8,7 +8,9 @@ import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.LazyRow
@@ -61,7 +63,8 @@ fun ChartsScreen(
     val colors = RadiolaTheme.colors
     val period by viewModel.period.collectAsState()
     val charts by viewModel.charts.collectAsState()
-    val isPreview by viewModel.isPreview.collectAsState()
+    val genres by viewModel.genres.collectAsState()
+    val selectedGenre by viewModel.selectedGenre.collectAsState()
     val isLoadingCharts by viewModel.isLoadingCharts.collectAsState()
     val selectedStats by viewModel.selectedTrackStats.collectAsState()
     val isLoadingStats by viewModel.isLoadingStats.collectAsState()
@@ -95,35 +98,18 @@ fun ChartsScreen(
             onSelect = viewModel::selectPeriod
         )
 
-        Spacer(Modifier.height(12.dp))
-
-        // Плашка «Демо-данные»
-        if (isPreview) {
-            Row(
-                modifier = Modifier
-                    .padding(horizontal = 20.dp)
-                    .fillMaxWidth()
-                    .clip(RoundedCornerShape(8.dp))
-                    .background(colors.surface2)
-                    .padding(horizontal = 12.dp, vertical = 6.dp),
-                verticalAlignment = Alignment.CenterVertically,
-                horizontalArrangement = Arrangement.spacedBy(6.dp)
-            ) {
-                Icon(
-                    imageVector = Lucide.Info,
-                    contentDescription = null,
-                    tint = colors.textMuted,
-                    modifier = Modifier.size(14.dp)
-                )
-                Text(
-                    text = "Демо-данные — бэкенд ещё не готов",
-                    style = MaterialTheme.typography.labelSmall,
-                    color = colors.textMuted
-                )
-            }
+        // Фильтр по жанру (если бэкенд уже накопил жанры)
+        if (genres.isNotEmpty()) {
             Spacer(Modifier.height(10.dp))
+            GenreSelector(
+                genres = genres,
+                selected = selectedGenre,
+                onSelect = viewModel::selectGenre
+            )
         }
 
+        Spacer(Modifier.height(12.dp))
+
         // Список чартов
         if (isLoadingCharts) {
             Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
@@ -221,6 +207,35 @@ private fun PeriodChip(label: String, selected: Boolean, onClick: () -> Unit) {
     )
 }
 
+// ---- Селектор жанра ----
+
+@Composable
+private fun GenreSelector(
+    genres: List<String>,
+    selected: String?,
+    onSelect: (String?) -> Unit
+) {
+    LazyRow(
+        horizontalArrangement = Arrangement.spacedBy(9.dp),
+        contentPadding = PaddingValues(horizontal = 20.dp)
+    ) {
+        item {
+            PeriodChip(
+                label = "Все",
+                selected = selected == null,
+                onClick = { onSelect(null) }
+            )
+        }
+        items(genres) { genre ->
+            PeriodChip(
+                label = genre,
+                selected = selected == genre,
+                onClick = { onSelect(genre) }
+            )
+        }
+    }
+}
+
 // ---- Строка чарта ----
 
 @OptIn(ExperimentalFoundationApi::class)
@@ -436,15 +451,32 @@ private fun TrackDetailSheet(
                                 modifier = Modifier.padding(top = 2.dp)
                             )
                         }
-                        if (stats.releaseDate != null) {
+                        // Лейбл · Год (либо дата релиза как запасной вариант)
+                        val metaLine = buildList {
+                            stats.label?.let { add(it) }
+                            stats.year?.let { add(it.toString()) }
+                        }.joinToString(" · ").ifEmpty {
+                            stats.releaseDate?.let { "Вышел: $it" } ?: ""
+                        }
+                        if (metaLine.isNotEmpty()) {
                             Text(
-                                text = "Вышел: ${stats.releaseDate}",
+                                text = metaLine,
                                 style = MaterialTheme.typography.labelSmall,
                                 color = colors.textMuted,
                                 modifier = Modifier.padding(top = 2.dp)
                             )
                         }
 
+                        // Жанр + стили
+                        val genreTags = buildList {
+                            stats.genre?.let { add(it) }
+                            addAll(stats.styles)
+                        }.distinct()
+                        if (genreTags.isNotEmpty()) {
+                            Spacer(Modifier.height(10.dp))
+                            GenreTags(tags = genreTags)
+                        }
+
                         Spacer(Modifier.height(16.dp))
 
                         // Ряд метрик
@@ -548,6 +580,30 @@ private fun TrackDetailSheet(
     }
 }
 
+// ---- Чипы жанра/стилей на детальной ----
+
+@Composable
+private fun GenreTags(tags: List<String>) {
+    val colors = RadiolaTheme.colors
+    Row(
+        modifier = Modifier.horizontalScroll(rememberScrollState()),
+        horizontalArrangement = Arrangement.spacedBy(8.dp)
+    ) {
+        tags.forEach { tag ->
+            Text(
+                text = tag,
+                style = MaterialTheme.typography.labelMedium,
+                color = colors.accent,
+                fontWeight = FontWeight.Medium,
+                modifier = Modifier
+                    .clip(RoundedCornerShape(8.dp))
+                    .background(colors.accent.copy(alpha = 0.12f))
+                    .padding(horizontal = 10.dp, vertical = 5.dp)
+            )
+        }
+    }
+}
+
 // ---- Метрики трека ----
 
 @Composable