0.2.88

app/build.gradle.kts

@@ -64,7 +64,7 @@ val projectNoticeText =
 
 // A release workflow can derive the app version from its Git tag without editing the
 // source tree. Local builds keep using the checked-in default.
-val defaultVersionName = "0.2.87"
+val defaultVersionName = "0.2.88"
 val membyVersionName: String =
     (project.findProperty("memby.versionName") as String?)
         ?.trim()

app/src/main/java/com/ponzischeme89/memby/ui/HomeComponents.kt

@@ -1124,9 +1124,9 @@ internal fun MetadataHero(
             .clipToBounds()
             .background(
                 Brush.verticalGradient(
-                    0f to MembySurface.copy(alpha = 0.52f),
-                    0.72f to MembySurface.copy(alpha = 0.30f),
-                    1f to Color.Transparent,
+                    0f to MembySurface.copy(alpha = 0.68f),
+                    0.72f to MembySurface.copy(alpha = 0.46f),
+                    1f to MembySurface.copy(alpha = 0.16f),
                 ),
             ),
     ) {

app/src/main/java/com/ponzischeme89/memby/ui/HomeScreen.kt

@@ -166,9 +166,9 @@ internal fun homeHeaderHeight(viewportHeight: Dp, showHero: Boolean): Dp =
         (viewportHeight * 0.46f).coerceIn(232.dp, 300.dp)
     } else {
         // The focused metadata surface is also the clean upper boundary for shelves as
-        // they move vertically. About 20dp more coverage at common TV heights keeps a
-        // departing card's last text line from being exposed without costing another row.
-        (viewportHeight * 0.46f).coerceIn(240.dp, 320.dp)
+        // they move vertically. Give it a little more room than the cinematic hero so the
+        // title, ratings and overview read as one persistent browse panel.
+        (viewportHeight * 0.48f).coerceIn(250.dp, 330.dp)
     }
 
 private val LazyListStateMapSaver: Saver<MutableMap<String, LazyListState>, Any> = listSaver(

app/src/test/java/com/ponzischeme89/memby/ui/HomeMovieHeroScreenshotTest.kt

@@ -12,8 +12,10 @@ import androidx.compose.foundation.layout.fillMaxHeight
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -33,6 +35,7 @@ import androidx.tv.material3.Text
 import com.github.takahirom.roborazzi.captureRoboImage
 import com.ponzischeme89.memby.ServiceLocator
 import com.ponzischeme89.memby.data.model.BaseItem
+import com.ponzischeme89.memby.data.model.MediaRating
 import org.junit.Before
 import org.junit.Assert.assertTrue
 import org.junit.Rule
@@ -154,6 +157,11 @@ class HomeMovieHeroScreenshotTest {
             2026,
             "Beyond the mapped worlds, one explorer finds an ocean that remembers every visitor.",
             8.7,
+        ).copy(
+            membyRatings = listOf(
+                MediaRating(source = "imdb", name = "IMDb", score = "8.7", scale = "/10"),
+                MediaRating(source = "tomatoes", name = "Rotten Tomatoes", score = "93", scale = "%"),
+            ),
         )
 
         compose.setContent {
@@ -165,7 +173,18 @@ class HomeMovieHeroScreenshotTest {
                         contentScale = ContentScale.Crop,
                         modifier = Modifier.fillMaxSize(),
                     )
-                    Column(Modifier.fillMaxSize()) {
+                    Row(Modifier.fillMaxSize()) {
+                        TvNavigationRail(
+                            selected = BrowseDestination.MOVIES,
+                            expanded = true,
+                            navigationFocusRequester = remember { FocusRequester() },
+                            onRailFocusChanged = {},
+                            onDestinationSelected = {},
+                            activeUsername = "Matt",
+                            calendarEnabled = true,
+                            genresEnabled = true,
+                        )
+                        Column(Modifier.weight(1f).offset(x = 112.dp)) {
                             MetadataHero(
                                 item = item,
                                 loading = false,
@@ -212,6 +231,7 @@ class HomeMovieHeroScreenshotTest {
                     }
                 }
             }
+        }
 
         compose.onRoot().captureRoboImage(
             "build/screenshots/home-movie-hero/metadata-hero-row-boundary.png",

app/src/test/java/com/ponzischeme89/memby/ui/HomeMovieHeroTest.kt

@@ -43,12 +43,13 @@ class HomeMovieHeroTest {
     }
 
     @Test
-    fun `metadata hero adds a modest scalable row boundary`() {
+    fun `metadata hero is slightly taller than the cinematic hero`() {
         val compactTvHeight = homeHeaderHeight(540.dp, showHero = false)
 
-        assertEquals(248.4f, compactTvHeight.value, 0.01f)
-        assertTrue(540.dp - compactTvHeight >= 288.dp)
-        assertEquals(320f, homeHeaderHeight(720.dp, showHero = false).value, 0.01f)
+        assertEquals(259.2f, compactTvHeight.value, 0.01f)
+        assertTrue(compactTvHeight > homeHeaderHeight(540.dp, showHero = true))
+        assertTrue(540.dp - compactTvHeight >= 280.dp)
+        assertEquals(330f, homeHeaderHeight(720.dp, showHero = false).value, 0.01f)
     }
 
     @Test