fix: add support for HA 2026.2

Author: punxaphil

src/sections/grouping.ts

@@ -60,7 +60,7 @@ export class Grouping extends LitElement {
               <div
                 class="item"
                 modified=${item.isModified || nothing}
-                disabled=${(item.isDisabled || this.applying) || nothing}
+                disabled=${item.isDisabled || this.applying || nothing}
                 compact=${this.groupingConfig.compact || nothing}
               >
                 <ha-icon

src/sections/media-browser.ts

@@ -90,9 +90,8 @@ export class MediaBrowser extends LitElement {
     localStorage.setItem(LAYOUT_KEY, layout);
   }
 
-  private handleMenuAction = (ev: CustomEvent<{ index: number }>) => {
-    const layouts: LayoutType[] = ['auto', 'grid', 'list'];
-    this.setLayout(layouts[ev.detail.index]);
+  private handleMenuAction = (ev: CustomEvent<{ item: { value: string } }>) => {
+    this.setLayout(ev.detail.item.value as LayoutType);
   };
 
   private getStartPath(): string | null {
@@ -255,29 +254,21 @@ export class MediaBrowser extends LitElement {
 
   private renderLayoutMenu() {
     return html`
-      <ha-button-menu fixed corner="BOTTOM_END" @action=${this.handleMenuAction}>
+      <ha-dropdown @wa-select=${this.handleMenuAction}>
         <ha-icon-button slot="trigger" .path=${mdiDotsVertical}></ha-icon-button>
-        <ha-list-item graphic="icon">
+        <ha-dropdown-item value="auto" .selected=${this.layout === 'auto'}>
+          <ha-svg-icon slot="icon" .path=${mdiAlphaABoxOutline}></ha-svg-icon>
           Auto
-          <ha-svg-icon
-            class=${this.layout === 'auto' ? 'selected' : ''}
-            slot="graphic"
-            .path=${mdiAlphaABoxOutline}
-          ></ha-svg-icon>
-        </ha-list-item>
-        <ha-list-item graphic="icon">
+        </ha-dropdown-item>
+        <ha-dropdown-item value="grid" .selected=${this.layout === 'grid'}>
+          <ha-svg-icon slot="icon" .path=${mdiGrid}></ha-svg-icon>
           Grid
-          <ha-svg-icon class=${this.layout === 'grid' ? 'selected' : ''} slot="graphic" .path=${mdiGrid}></ha-svg-icon>
-        </ha-list-item>
-        <ha-list-item graphic="icon">
+        </ha-dropdown-item>
+        <ha-dropdown-item value="list" .selected=${this.layout === 'list'}>
+          <ha-svg-icon slot="icon" .path=${mdiListBoxOutline}></ha-svg-icon>
           List
-          <ha-svg-icon
-            class=${this.layout === 'list' ? 'selected' : ''}
-            slot="graphic"
-            .path=${mdiListBoxOutline}
-          ></ha-svg-icon>
-        </ha-list-item>
-      </ha-button-menu>
+        </ha-dropdown-item>
+      </ha-dropdown>
     `;
   }
 
@@ -504,9 +495,6 @@ export class MediaBrowser extends LitElement {
         text-align: center;
         margin-top: 50%;
       }
-      ha-svg-icon.selected {
-        color: var(--primary-color);
-      }
       ha-icon-button.startpath-active {
         color: var(--accent-color);
       }

src/upstream/.upstream-version

@@ -1,3 +1,7 @@
-20260107.2
-Reviewed: 2026-01-29 21:28:02 UTC
-Note: Only change was import path entity->entity/entity, handled by our stub
+20260128.6
+Reviewed: 2026-02-15
+Changes applied:
+- brands-url.ts: Removed useFallback option, URL now always uses fallback path (_/)
+- data/media-player.ts: formatMediaTime rewritten to use plain math instead of Date.toISOString()
+- ha-media-player-browse.ts: Removed useFallback property from brandsUrl call (matching upstream removal)
+- No changes in: slugify.ts, media_source.ts, virtualizer.ts

src/upstream/data/media-player.ts

@@ -424,12 +424,17 @@ export const formatMediaTime = (seconds: number | undefined): string => {
     return "";
   }
 
-  let secondsString = new Date(seconds * 1000).toISOString();
-  secondsString =
-    seconds > 3600
-      ? secondsString.substring(11, 16)
-      : secondsString.substring(14, 19);
-  return secondsString.replace(/^0+/, "").padStart(4, "0");
+  const totalSeconds = Math.max(0, Math.floor(seconds));
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor((totalSeconds % 3600) / 60);
+  const secs = totalSeconds % 60;
+  const pad = (value: number) => value.toString().padStart(2, "0");
+
+  if (hours > 0) {
+    return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
+  }
+
+  return `${pad(minutes)}:${pad(secs)}`;
 };
 
 export const cleanupMediaTitle = (title?: string): string | undefined => {

src/upstream/ha-media-player-browse.ts

@@ -691,7 +691,6 @@ export class HaMediaPlayerBrowse extends LitElement {
       thumbnailUrl = brandsUrl({
         domain: extractDomainFromBrandUrl(thumbnailUrl),
         type: 'icon',
-        useFallback: true,
         darkOptimized: this.hass.themes?.darkMode,
       });
     }

src/upstream/util/brands-url.ts

@@ -4,14 +4,11 @@ import type { HomeAssistant } from 'custom-card-helpers';
 export interface BrandsUrlOptions {
     domain: string;
     type: string;
-    useFallback?: boolean;
     darkOptimized?: boolean;
 }
 
-export const brandsUrl = (options: BrandsUrlOptions): string => {
-    const { domain, type, useFallback = true, darkOptimized = false } = options;
-    return `https://brands.home-assistant.io/${useFallback ? '_/' : ''}${domain}/${darkOptimized ? 'dark_' : ''}${type}.png`;
-};
+export const brandsUrl = (options: BrandsUrlOptions): string =>
+    `https://brands.home-assistant.io/_/${options.domain}/${options.darkOptimized ? 'dark_' : ''}${options.type}.png`;
 
 export const isBrandUrl = (url?: string): boolean => {
     return url?.startsWith('https://brands.home-assistant.io/') ?? false;