update expressive lazy column

apps/vbox/client/shared/src/commonMain/kotlin/ru/shadowsparky/vbox/shared/presentation/overview/OverviewScreen.kt

@@ -14,6 +14,12 @@ import androiddev.apps.vbox.client.shared.generated.resources.star_unchecked
 import androiddev.apps.vbox.client.shared.generated.resources.user_tags
 import androiddev.apps.vbox.client.shared.generated.resources.watch
 import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.animateContentSize
+import androidx.compose.animation.core.Spring
+import androidx.compose.animation.core.spring
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
@@ -44,7 +50,6 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
-import androidx.compose.runtime.withFrameNanos
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -251,6 +256,7 @@ fun DetailsInfo(
     val requester = remember { FocusRequester() }
     val blur = LocalBlurState.current
     val showDetails = rememberSaveable { mutableStateOf(false) }
+
     LazyColumn(
         modifier = Modifier.applyBlurSource(blur),
         contentPadding = paddingValues
@@ -260,10 +266,16 @@ fun DetailsInfo(
         item {
             Button(
                 onClick = onWatchClicked,
-                modifier = Modifier.fillMaxWidth().padding(8.dp).focusRequester(requester)
-            ) { Text(stringResource(Res.string.watch)) }
-            LaunchedEffect(null) {
-                withFrameNanos {}
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(8.dp)
+                    .focusRequester(requester)
+            ) {
+                Text(stringResource(Res.string.watch))
+            }
+
+            // Чистый фокус без сдвига кадров через withFrameNanos
+            LaunchedEffect(Unit) {
                 requester.requestFocus()
             }
         }
@@ -275,7 +287,13 @@ private fun OverviewDescription(
     details: VideoDetails,
     showDetails: MutableState<Boolean>
 ) {
-    Column(modifier = Modifier.fillMaxWidth().padding(4.dp)) {
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(4.dp)
+            // Самая важная магия: плавно анимирует высоту колонки при изменении maxLines текста
+            .animateContentSize(animationSpec = spring(stiffness = Spring.StiffnessMediumLow))
+    ) {
         Text(
             text = stringResource(Res.string.desc),
             color = MaterialTheme.colorScheme.primary,
@@ -288,17 +306,21 @@ private fun OverviewDescription(
             maxLines = if (showDetails.value) Int.MAX_VALUE else 3,
             overflow = TextOverflow.Ellipsis
         )
-        if (!showDetails.value) {
-            val textRes = if (details.isMovie) {
-                Res.string.details_movie
-            } else {
-                Res.string.details_serial
-            }
+
+        // Вместо резкого 'if' плавно убираем кнопку разворачивания
+        AnimatedVisibility(
+            visible = !showDetails.value,
+            enter = fadeIn(),
+            exit = fadeOut()
+        ) {
+            val textRes = if (details.isMovie) Res.string.details_movie else Res.string.details_serial
             Text(
                 text = stringResource(textRes),
                 style = MaterialTheme.typography.bodyLarge,
                 color = MaterialTheme.colorScheme.primary,
-                modifier = Modifier.clickable { showDetails.value = true }
+                modifier = Modifier
+                    .padding(top = 8.dp) // Небольшой отступ сверху от основного текста
+                    .clickable { showDetails.value = true }
             )
         }
     }
@@ -311,8 +333,10 @@ private fun OverviewTitle(details: VideoDetails) {
             painter = rememberImagePainter(details.poster),
             contentDescription = null,
             modifier = Modifier
-                .clip(RoundedCornerShape(8)),
+                .padding(8.dp) // Добавим легкий отступ, чтобы картинка не липла к краям экрана
+                .clip(RoundedCornerShape(12.dp)), // На современных девайсах 12.dp выглядит аккуратнее, чем 8%
             contentScale = ContentScale.Crop,
         )
     }
 }
+