Tune empty shelf and subtitle performance

Author: jingle-jew

dist/homeii-music-flow.js

@@ -11712,7 +11712,7 @@ class HomeiiBaseMusicCard extends HTMLElement {
     const el = this.$("npSub");
     if (!el) return;
     const text = String(value || "—");
-    const shouldScroll = !!scrollWhenOverflow && !this._isHebrew();
+    const shouldScroll = this._nowPlayingSubtitleShouldScroll(scrollWhenOverflow);
     const existingInner = el.querySelector?.(".scrolling-text-inner");
     const unchanged = el.dataset.homeiiSubtitleText === text
       && el.dataset.homeiiSubtitleScroll === String(shouldScroll)
@@ -11748,6 +11748,10 @@ class HomeiiBaseMusicCard extends HTMLElement {
     if (shouldScroll) this._queueNowPlayingSubtitleOverflowSync(el);
   }
 
+  _nowPlayingSubtitleShouldScroll(scrollWhenOverflow = false) {
+    return !!scrollWhenOverflow && !this._isHebrew() && !this._performanceUltraLiteEnabled();
+  }
+
   _queueNowPlayingSubtitleOverflowSync(el) {
     if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => this._syncNowPlayingSubtitleOverflow(el));
     else this._syncNowPlayingSubtitleOverflow(el);
@@ -27167,6 +27171,11 @@ class HomeiiMusicFlowBaseCard extends HomeiiBaseMusicCard {
           width:min(1040px, calc(100% - clamp(320px, 24cqi, 440px)));
           margin-left:clamp(300px, 22cqi, 420px);
           margin-right:auto;
+          padding-inline:max(var(--empty-quick-edge-fade), calc(50% - 452px));
+          scroll-padding-inline:max(var(--empty-quick-edge-fade), calc(50% - 452px));
+        }
+        .card.layout-tablet.empty-media .empty-quick-card {
+          scroll-snap-align:start;
         }
         .card.radio-media .empty-quick-shelf {
           display:none !important;
@@ -34532,6 +34541,11 @@ class HomeiiMusicFlowBaseCard extends HomeiiBaseMusicCard {
   animation:none!important;
   transform:none!important;
 }
+.card.performance-ultra-lite .np-sub.scroll-when-overflow.is-overflowing .scrolling-text-inner{
+  animation:none!important;
+  transform:none!important;
+  will-change:auto!important;
+}
 .performance-profile-pills .settings-pill{
   flex:1 1 96px;
 }

src/homeii-music-flow.js

@@ -11712,7 +11712,7 @@ class HomeiiBaseMusicCard extends HTMLElement {
     const el = this.$("npSub");
     if (!el) return;
     const text = String(value || "—");
-    const shouldScroll = !!scrollWhenOverflow && !this._isHebrew();
+    const shouldScroll = this._nowPlayingSubtitleShouldScroll(scrollWhenOverflow);
     const existingInner = el.querySelector?.(".scrolling-text-inner");
     const unchanged = el.dataset.homeiiSubtitleText === text
       && el.dataset.homeiiSubtitleScroll === String(shouldScroll)
@@ -11748,6 +11748,10 @@ class HomeiiBaseMusicCard extends HTMLElement {
     if (shouldScroll) this._queueNowPlayingSubtitleOverflowSync(el);
   }
 
+  _nowPlayingSubtitleShouldScroll(scrollWhenOverflow = false) {
+    return !!scrollWhenOverflow && !this._isHebrew() && !this._performanceUltraLiteEnabled();
+  }
+
   _queueNowPlayingSubtitleOverflowSync(el) {
     if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => this._syncNowPlayingSubtitleOverflow(el));
     else this._syncNowPlayingSubtitleOverflow(el);
@@ -27167,6 +27171,11 @@ class HomeiiMusicFlowBaseCard extends HomeiiBaseMusicCard {
           width:min(1040px, calc(100% - clamp(320px, 24cqi, 440px)));
           margin-left:clamp(300px, 22cqi, 420px);
           margin-right:auto;
+          padding-inline:max(var(--empty-quick-edge-fade), calc(50% - 452px));
+          scroll-padding-inline:max(var(--empty-quick-edge-fade), calc(50% - 452px));
+        }
+        .card.layout-tablet.empty-media .empty-quick-card {
+          scroll-snap-align:start;
         }
         .card.radio-media .empty-quick-shelf {
           display:none !important;
@@ -34532,6 +34541,11 @@ class HomeiiMusicFlowBaseCard extends HomeiiBaseMusicCard {
   animation:none!important;
   transform:none!important;
 }
+.card.performance-ultra-lite .np-sub.scroll-when-overflow.is-overflowing .scrolling-text-inner{
+  animation:none!important;
+  transform:none!important;
+  will-change:auto!important;
+}
 .performance-profile-pills .settings-pill{
   flex:1 1 96px;
 }

tests/voice-assistant-matching.test.js

@@ -100,6 +100,20 @@ describe("Music Assistant player filtering", () => {
   });
 });
 
+describe("now playing subtitle", () => {
+  it("disables subtitle scrolling in Ultra Lite performance mode", () => {
+    const card = createCard();
+    card._state.lang = "en";
+    card._state.performanceProfile = "full";
+
+    expect(card._nowPlayingSubtitleShouldScroll(true)).toBe(true);
+
+    card._state.performanceProfile = "ultra_lite";
+
+    expect(card._nowPlayingSubtitleShouldScroll(true)).toBe(false);
+  });
+});
+
 describe("voice assistant music matching", () => {
   it("rejects unrelated search results instead of auto-playing by media type only", () => {
     const card = createCard();